.ci{--poster-radius:12px;position:relative;margin-bottom:1.25rem;display:flex;width:100%;justify-content:center;.inner{display:flex;width:100%;flex-direction:column;align-items:center}.inner{cursor:pointer;a{position:absolute;inset:0;z-index:400;height:100%;width:100%}}.link{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));opacity:.5;height:100%;width:100%}.foot{z-index:12;margin-top:1rem;width:100%}.play{position:absolute;top:50%;left:50%;width:auto;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}img[src="/icons/play.svg"]{width:20px;height:20px}.title{margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:var(--bb-font-size-medium);line-height:var(--bb-line-height-medium);font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.year{font-weight:500;color:#ffffff80}.role,.year{font-size:var(--bb-font-size-small);line-height:var(--bb-line-height-small)}.role{font-weight:700;color:#ffffff80}.ep{margin-bottom:.25rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;color:#ffffff4d}.image{position:relative;z-index:20;aspect-ratio:16/9;height:100%;width:100%;border-radius:var(--radius);object-fit:cover;border-radius:var(--poster-radius)!important;cursor:pointer}.top-number{position:absolute;top:0;left:.25rem;z-index:50;height:4rem;width:4rem;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5)) drop-shadow(2px 3px 10px rgba(0,0,0,.4))}.placeholder{border-radius:var(--poster-radius)!important;z-index:11;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1));aspect-ratio:16/9;z-index:4}.image-container{border-radius:var(--poster-radius);transition:all 1.5s ease-in-out;position:relative;aspect-ratio:16/9;width:100%;--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.image-container{perspective:1000px;box-shadow:1px 2px 4px #00000080,4px 6px 12px #0000004d;transition:all .3s ease-in-out;&:hover{transform:translate3d(0,-5px,0) scale(1.05)}.genre-layer{z-index:20;padding:1.25rem;text-transform:uppercase;overflow:hidden;border-radius:var(--radius);background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from:#000000f2 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0000 var(--tw-gradient-to-position);bottom:0;left:0;display:flex;height:66.666667%;width:100%;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.25rem;text-align:right;font-weight:700}.continue-layer,.genre-layer{position:absolute}.continue-layer{z-index:20;display:flex;overflow:hidden;border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius);inset:0}.continue-layer{--footer-height:80px;.image{position:absolute;inset:0;z-index:40;mask-image:linear-gradient(0deg,#0000 20px,#000 80px,#000);opacity:1}.continue-foot{--foot-height:65px;z-index:50;position:absolute;bottom:-.25rem;left:0;right:0}.continue-foot{height:var(--foot-height);div{height:var(--foot-height)}}.continue-logo{z-index:80;position:absolute;width:50%;height:25%;bottom:2.75rem;left:2rem;object-fit:contain;object-position:left bottom;filter:drop-shadow(1px 1px 3px rgba(0,0,0,.7)) drop-shadow(2px 5px 10px rgba(0,0,0,.5))}.continue-ui{z-index:90;position:absolute;display:flex;bottom:0;left:0;right:0;min-height:30px;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;align-items:center;gap:.75rem;font-size:var(--bb-font-size-small);line-height:var(--bb-line-height-small);color:#ffffffb3;font-weight:700}.continue-ui{.progress-bar{flex:1 1 0%;height:.25rem;width:100%;background-color:#fff3;border-radius:9999px}.progress-bar{.progress{height:100%;width:37%;background-color:#ffffffb3;border-radius:9999px}}}.continue-footer{position:absolute;z-index:30;display:flex;overflow:hidden;border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius);bottom:0;left:0;right:0;height:var(--footer-height);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.continue-footer{&:before{content:"";position:absolute;inset:0;z-index:35;height:100%;width:100%}}.continue-bg{position:absolute;z-index:20;height:100%}.continue-bg{bottom:-5px;left:-5px;right:-5px;background-position:bottom;background-size:cover;filter:blur(5px);&:before{content:"";position:absolute;inset:0;z-index:22;height:100%;width:100%;background-color:#0000004d}}}h2,h3{width:70%;text-align:right;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));line-height:1}h2{line-height:1.25}.genre-sub{font-size:16px;--tw-text-opacity:1;color:hsl(var(--bb-primary-500)/var(--bb-primary-500-opacity,var(--tw-text-opacity)))}h2.genre-title{font-size:32px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));line-height:1}.logo{position:absolute}.logo{width:60%;height:40%;opacity:1;object-fit:contain;object-position:bottom center;top:70%;left:50%;transform:translate(-50%,-50%);z-index:70;transition:opacity .2s ease-in-out;filter:drop-shadow(rgba(0,0,0,.2) 2px 2px 1px) drop-shadow(rgba(0,0,0,.5) 0 0 3px) drop-shadow(rgba(0,0,0,.4) 0 0 10px);&.show{opacity:1}&.landscape{height:30%;&.aspect-1{height:45%}&.aspect-2{height:35%}&.aspect-6{width:70%}&.aspect-8{top:75%;width:70%;height:25%}}&.portrait{height:50%;top:60%}&.aspect-square{height:45%;top:65%}}.dimob{border-radius:var(--poster-radius);position:absolute;width:100%;height:100%}&:hover{.shine{opacity:.2}}.shine{position:absolute;inset:0;z-index:20;overflow:hidden;border-radius:var(--radius);opacity:0;transition:opacity .3s ease-in-out}}.poster-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:50;border-radius:var(--poster-radius);box-shadow:inset 1px 1px 0 0 #ffffff14}.rt{margin-top:auto;display:flex;width:100%;justify-content:space-between;padding:1.5rem}.rt{div{display:flex;align-items:center}span{margin-left:.25rem;font-size:var(--bb-font-size-small);line-height:var(--bb-line-height-small);font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.overlay{position:absolute;inset:0;z-index:120;display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--space:40px;top:calc(-1 * var(--space));left:calc(-1 * var(--space));right:calc(-1 * var(--space));width:calc(100% + 2 * var(--space));box-shadow:var(--overlay-shadow);cursor:default;min-height:calc(100% + 80px);height:-moz-fit-content;height:fit-content}.backdrop{position:fixed;top:0;left:0;right:0;z-index:30;height:100vh;width:100vw;background-color:#0000004d}.overlay-background{position:absolute;inset:0;z-index:0;height:100%;width:100%;overflow:hidden;border-radius:var(--radius)}.overlay-content{position:relative;z-index:10;display:flex;height:100%;width:100%;flex-direction:column;padding:1rem}.overlay-content{h3{margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-size:var(--bb-font-size-large);line-height:var(--bb-line-height-large);font-weight:700;line-height:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dc{margin-bottom:.25rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;white-space:normal;font-weight:500;color:#fff9;font-size:15px}}.ambience{position:absolute;inset:0;z-index:0;height:100%;width:100%;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;--ambience-color:#0000}.ambience-area{display:flex;flex-direction:column;inset:-5px;opacity:1;background-color:var(--ambience-color);box-shadow:0 0 80px var(--ambience-color),0 0 40px 10px var(--ambience-color),0 0 15px 5px var(--ambience-color);border-radius:var(--poster-radius)}.overlay-body{z-index:20;display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.overlay-body{button.bg-default{background-color:#ffffff26}}.video{position:relative}.video{.video-content{pointer-events:none;position:absolute;inset:0;left:1rem;bottom:1rem;z-index:20;display:flex;height:auto;flex-direction:column;justify-content:flex-end;gap:.5rem}video{aspect-ratio:16/9;height:auto;width:100%;object-fit:cover}.video-image{position:absolute;top:0;left:0;aspect-ratio:16/9;height:auto;width:100%;object-fit:cover}.video-inner{position:relative;z-index:20;aspect-ratio:16/9;height:auto;width:100%;cursor:pointer;overflow:hidden;border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));opacity:1}.video-inner{video{overflow:hidden;border-radius:var(--radius)}}.gradient{position:absolute;z-index:5;overflow:hidden;border-radius:var(--radius);background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from:#000000f2 var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0000 var(--tw-gradient-to-position);bottom:0;left:0;height:66.666667%;width:100%}.logo{width:40%;max-height:40%;height:auto;object-fit:contain;object-position:left bottom}}ul.badges{margin-top:.25rem;display:flex;align-items:center;font-weight:600;color:#ffffff59;gap:5px}ul.badges{li{margin-right:.25rem;display:flex;align-items:center}li{&.sep{margin-right:0}&.sep:after{margin-left:.375rem;height:.25rem;width:.25rem;border-radius:9999px;background-color:#ffffff59;content:""}&.sep:last-child{&:after{position:absolute;display:none}}img.img{opacity:.35}&.rating{display:flex;align-items:center;gap:.25rem}}&.badges-sm{font-size:.75rem;line-height:1rem}&.badges-sm{li{img.img{width:1.5rem;height:1.5rem}}}&.badges-md{font-size:.875rem;line-height:1.25rem}&.badges-md{li{img.img{width:10rem;height:10rem}}}&.badges-lg{font-size:1rem;line-height:1.5rem}&.badges-lg{li{img.img{width:2.5rem;height:2.5rem}}}}}