button,
.topbar-bg,
.player-back,
.player-settings-panel,
.season-select,
.download-button,
.continue-watching-card,
.tech-details-list,
.server-info,
.file-browser-list,
.details-poster,
.episode-still-wrap {
    backdrop-filter: var(--glass-blur) var(--glass-saturate);
    -webkit-backdrop-filter: var(--glass-blur) var(--glass-saturate);
    position: relative;
}
/* Cool noise effect but it messed some stuff up
.glass-material::before,
button::before,
.topbar::before,
.account-panel::before,
.player-settings-panel::before,
.season-select::before,
.continue-watching-card::before,
[class*="-button"]::before,
[class*="-btn"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    mix-blend-mode: overlay;
    opacity: 0.1;
    pointer-events: none;
}
*/
/* Only apply noise to certain things, not all glass materials */
.topbar-bg::before,
.continue-watching-card::before,
.tech-details-list::before,
.server-info::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/www/static/img/noise.png");
    mix-blend-mode: multiply;
    opacity: calc(1/32);
    pointer-events: none;
    z-index: -1; /* Ensure the noise is behind the content */
    border-radius: inherit; /* Match the border radius of the element */
}

/* Apply a thin outline to glass materials for better visibility */
button::after,
.title-card-poster-wrap::after,
.details-poster::after,
.episode-still-wrap::after,
.player-settings-panel::after,
.player-back::after,
.season-select::after,
.download-button::after,
.continue-watching-card::after,
.tech-details-list::after,
.server-info::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, 0.05); /* Subtle outline for better visibility */
    border-radius: inherit; /* Match the border radius of the element */
    pointer-events: none;
    z-index: 1; /* Ensure the outline is behind the content */
}
.topbar button::after {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Only bottom border for topbar buttons */
}