:host {
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;


    // scss-lint:disable ImportantRule
    &::before {
        content: "";
        // font-size: 0.7rem;

        // background-image: unquote("url('/resimler/fikoyt-arka-1.webp')"); // scss-lint:disable ImportantRule
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        position: fixed;
        // width: 100%;

        filter: brightness(60%);
        z-index: -99999;
        pointer-events: none;
    }

    /* Neon border animasyonu */
    @keyframes neon-border {
        0% {
            border-color: rgba(0, 255, 255, 0.3);
            box-shadow:
                0 0 5px rgba(0, 255, 255, 0.5),
                0 0 15px rgba(0, 255, 255, 0.4);
        }

        100% {
            border-color: rgba(0, 255, 255, 1);
            box-shadow:
                0 0 15px rgba(0, 255, 255, 1),
                0 0 30px rgba(0, 255, 255, 0.8);
        }
    }

    /* Grid hareket animasyonu */
    @keyframes grid-move {
        0% {
            background-position: 0 0, 0 0, 0% 50%;
        }

        100% {
            background-position: 20px 20px, 20px 20px, 100% 50%;
        }
    }

    /* Arka plan renk kaydırma */
    @keyframes background-shift {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    /* input neon glow */
    @keyframes neon-glow {
        0% {
            box-shadow: 0 0 5px rgba(0, 255, 255, 0.5);
        }

        100% {
            box-shadow: 0 0 15px rgba(0, 255, 255, 1);
        }
    }
}

.urunAgaci {
    & .item {
        & .text {
            background: linear-gradient(11deg, #e6e6e6, #ffffff40);
            padding: 2px;
            border-radius: 2px;
            font-weight: bolder;

            &:hover {
                background: linear-gradient(11deg, #c2b222, #ffffff40);
            }
        }

        & .label:focus {
            outline: none;

            & .text {
                background: linear-gradient(11deg, #c2b222, #ffffff40);
            }
        }
    }

    pointer-events: none;
}