@layer utilities{.slider-container{position:relative}.slider-btn{color:#fff;cursor:pointer;opacity:0;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;width:40px;font-size:40px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0}.slider-container:hover .slider-btn{opacity:1}.slider-btn-left{background:linear-gradient(90deg,#000000d9,#0000);left:0}.slider-btn-right{background:linear-gradient(270deg,#000000d9,#0000);right:0}.netflix-card{aspect-ratio:16/9;cursor:pointer;background:#1a1a1a;border-radius:12px;min-width:260px;transition:transform .3s,filter .3s;position:relative;overflow:hidden}.netflix-card:hover{filter:brightness(1.1);z-index:10;transform:scale(1.06)}.netflix-card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.netflix-card-overlay{background:linear-gradient(#0000 30%,#00000073 60%,#000000d9 100%);position:absolute;inset:0}.netflix-card-title{color:#fff;text-shadow:0 2px 6px #0009;width:100%;padding:1rem;font-size:1rem;font-weight:600;position:absolute;bottom:0;left:0}.theme-thumbnail-wrapper{position:absolute;inset:0}.theme-progress-bar-bg{z-index:5;background:#fff3;width:100%;height:6px;position:absolute;bottom:0;left:0}.theme-progress-bar-fill{height:100%;transition:width .3s,background-color .3s}.theme-progress-bar-fill.in-progress{background-color:var(--principal)}.theme-progress-bar-fill.completed{background-color:#22c55e}}