[data-radix-scroll-area-viewport] {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

[data-radix-scroll-area-viewport]::-webkit-scrollbar {
    display: none
}

/* Native dialog styles - dialog centers itself automatically */
#auth-dialog {
    border: none;
    padding: 0;
    margin: auto;
}

#auth-dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

/* Bootstrap-like animation for dialog */
#auth-dialog {
    animation: dialog-fade-in-slide-down 0.3s ease-out;
}

#auth-dialog::backdrop {
    animation: backdrop-fade-in 0.3s ease-out;
}

@keyframes dialog-fade-in-slide-down {
    from {
        opacity: 0;
        transform: translateY(-1rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes backdrop-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


body.light {
    filter: invert(1) hue-rotate(180deg);
}

/* Fix images, videos, and other media */
body.light img,
body.light video,
body.light iframe,
body.light picture {
    filter: invert(1) hue-rotate(180deg);
}

body.light video:fullscreen {
    //filter: none !important; /* Remove the filter when the video is fullscreen */
}
body.light img.logo{
  filter: none;
}
/* Works in Chrome, Edge, Safari */
body.light::-webkit-scrollbar {
    width: 12px;
}

body.light::-webkit-scrollbar-track {
    background: #f0f0f0;
}

body.light::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

body.light::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Firefox */
body.light {
    scrollbar-color: #888 #f0f0f0; /* thumb, track */
}
body.light #btn-theme-light{
  background-color: #000;
}
body.light #btn-theme-dark{
  background-color: transparent;
  color: #fff;
}
.restricted {
    filter: blur(5px);
    pointer-events: none;
}

@media all and (display-mode: fullscreen) {
    body.light video {
    
        //filter: none !important;
    	//filter: invert(1) hue-rotate(180deg) !important;
    }
}

.vjs-fullscreen video {
	filter: none !important;
}