.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

#chat-modal:target {
    display: flex;
}

.showflex {
    display: flex !important;
}
.showtransform {
    transform: translateX(0) !important;
    visibility: visible; 
}

.showtransformoverlay {
    opacity: 1 !important;
    visibility: visible;
}




#menu-drawer:target {
    transform: translateX(0);
    visibility: visible;
}

    #menu-drawer:target + #menu-overlay {
        opacity: 1;
        visibility: visible;
    }

.menuCustom {
    position: fixed !important;
    width: 100% !important;
    background-color: rgb(13 11 20 / 0.5) !important;
}


.video-container:hover .video-controls {
    opacity: 1;
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

.ai-input {
    animation: fade-border 2s ease-in-out infinite;
}

@keyframes fade-border {

    0%, 100% {
        box-shadow: 0 0 0 0px rgba(0, 255, 255, 0);
        border-color: rgba(0, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0 0 8px 2px rgba(0, 255, 255, 0.5);
        border-color: rgba(0, 255, 255, 1);
    }
}

#stars-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

body {
    min-height: max(884px, 100dvh);
}

.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

body {
    min-height: max(884px, 100dvh);
}

.lato-thin {
    font-family: "Lato", sans-serif !important;
    font-weight: 100 !important;
    font-style: normal !important;
    font-size: 43PX !important;
}