: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;
    }


}

.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;
}

/* 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);
    }
}