.detail-wrapper{display:flex;flex-direction:column;gap:2.5rem}.detail-wrapper .content-wrapper{display:flex;width:100%;flex-direction:column;gap:1rem}@media (min-width: 1024px){.detail-wrapper .content-wrapper{flex-direction:row}}.detail-wrapper .content-wrapper .content{display:flex;width:100%;flex-direction:column;gap:1rem}.detail-wrapper .content-wrapper .content .notification{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.detail-wrapper .content-wrapper .content .notification .text{display:flex;flex-wrap:wrap;-moz-column-gap:.25rem;column-gap:.25rem}.detail-wrapper .content-wrapper .content .notification .text .break{width:100%}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .notification .text .break{width:-moz-fit-content;width:fit-content}}.detail-wrapper .content-wrapper .content .notification .highlight{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.detail-wrapper .content-wrapper .content .backdrop{position:fixed;left:0;top:0;z-index:20;aspect-ratio:16 / 9;width:100vw;overflow:hidden;border-radius:0;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .backdrop{position:relative;width:100%;border-radius:.375rem}}.detail-wrapper .content-wrapper .content .backdrop .image.backdrop-image{position:absolute;left:0;top:0;z-index:-10;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-o-object-position:top;object-position:top}.detail-wrapper .content-wrapper .content .backdrop .details{position:absolute;left:0;top:0;display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;gap:.5rem;padding:1.25rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .backdrop .details{gap:1rem;padding:2.5rem;font-size:.875rem;line-height:1.25rem}}.detail-wrapper .content-wrapper .content .backdrop .details .logo{position:relative;z-index:0;height:3.5rem;width:-moz-fit-content;width:fit-content;max-width:60%}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .backdrop .details .logo{height:5rem}}.detail-wrapper .content-wrapper .content .backdrop .details .logo img{-o-object-fit:contain;object-fit:contain;-o-object-position:left bottom;object-position:left bottom}.detail-wrapper .content-wrapper .content .backdrop .details .description{max-width:80%}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .backdrop .details .description{max-width:768px}}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper .thumbnail{position:absolute;top:0;left:0;z-index:-10;width:100%;height:100%}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper .loader-wrapper{position:absolute;top:0;left:0;z-index:-20;width:100%;height:100%;background-color:#17171799}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper .loader{position:absolute;top:50%;left:50%;z-index:-10;width:5rem;height:5rem;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper .loader{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper iframe{width:100%;height:100%}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper .close-button{position:absolute;top:1.25rem;right:1.25rem;width:4rem;height:4rem;opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper .close-button .icon{width:2rem;height:2rem}.detail-wrapper .content-wrapper .content .backdrop .trailer-wrapper:hover .close-button{opacity:1}.detail-wrapper .content-wrapper .content .backdrop-placeholder{margin-left:-1.25rem;margin-right:-1.25rem;margin-top:-1rem;aspect-ratio:16 / 9;width:calc(100% + 2.5rem)}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .backdrop-placeholder{display:none}}.detail-wrapper .content-wrapper .content .stats{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.detail-wrapper .content-wrapper .content .title-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.5rem;--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.detail-wrapper .content-wrapper .content .title-wrapper .title{display:flex;flex-direction:column;gap:.25rem}.detail-wrapper .content-wrapper .content .title-wrapper .title .title-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.detail-wrapper .content-wrapper .content .description-wrapper{position:relative;display:flex;gap:1rem;overflow:hidden}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .description-wrapper{max-height:100%}}.detail-wrapper .content-wrapper .content .description-wrapper .expand-trigger{position:absolute;bottom:0;left:0;width:100%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0a0a0a var(--tw-gradient-to-position)}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .description-wrapper .expand-trigger{display:none}}.detail-wrapper .content-wrapper .content .description-wrapper .expand-trigger .button{position:absolute;bottom:.25rem;right:.25rem}.detail-wrapper .content-wrapper .content .description-wrapper .poster{display:none;flex-direction:column;gap:1rem;overflow:hidden;border-radius:.375rem}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .description-wrapper .poster{display:flex}}.detail-wrapper .content-wrapper .content .description-wrapper .poster .image{aspect-ratio:3/4;height:20rem}.detail-wrapper .content-wrapper .content .description-wrapper .content-wrapper{display:flex;flex-direction:column;gap:1rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));padding:1rem}@media (min-width: 1024px){.detail-wrapper .content-wrapper .content .description-wrapper .content-wrapper{background-color:transparent;padding:0}}.detail-wrapper .content-wrapper .content .description-wrapper .content-wrapper .description{max-width:28rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.detail-wrapper .content-wrapper .content .description-wrapper .content-wrapper .stats{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.detail-wrapper .content-wrapper .content .description-wrapper .content-wrapper .stats div{display:flex;align-items:center;gap:.5rem}.detail-wrapper .content-wrapper .content .description-wrapper .content-wrapper .keywords{display:flex;max-width:36rem;flex-wrap:wrap;gap:.5rem}.detail-wrapper .secondary-content-wrapper{position:relative;z-index:0;display:flex;flex-direction:column;gap:1rem}.channels-container{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:0px}@media (min-width: 1024px){.channels-container{justify-content:flex-start;gap:1.25rem}.popup-channel-container{justify-content:space-between;gap:0px}}.channel{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.channel .avatar{width:2rem;height:2rem;flex-shrink:0}@media (min-width: 1024px){.channel .avatar{width:2.5rem;height:2.5rem}}.channel .avatar:nth-child(2){position:relative;z-index:-10;margin-left:-1.75rem;margin-top:-1rem;width:1.75rem;height:1.75rem}@media (min-width: 1024px){.channel .avatar:nth-child(2){margin-left:-2rem;margin-top:-1.25rem;width:2rem;height:2rem}}.channel.stacked .avatar{border-width:2px;--tw-border-opacity: 1;border-color:rgb(23 23 23 / var(--tw-border-opacity, 1))}.channel:hover{--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.channel .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.tab-container{height:-moz-fit-content;height:fit-content;width:100%;overflow:hidden;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}@media (min-width: 1024px){.tab-container{max-width:24rem;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}}.tab-container .tab-link-wrapper{display:flex;max-width:100%;justify-content:space-around;overflow-x:auto;border-bottom-width:1px;border-bottom-color:#26262666;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));padding-top:1rem;padding-bottom:1rem}.tab-container .tab-link-wrapper .tab-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tab-container .tab-link-wrapper .tab-link .notification{position:absolute;top:-.25rem;right:-.25rem;display:flex;height:1rem;width:-moz-fit-content;width:fit-content;min-width:1rem;align-items:center;justify-content:center;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1));padding-left:.25rem;padding-right:.25rem;font-size:.6rem;font-weight:600;--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.tab-container .tab-link-wrapper .tab-link .icon{height:1.5rem;width:3.5rem;border-radius:9999px;padding-top:.25rem;padding-bottom:.25rem;opacity:.6}.tab-container .tab-link-wrapper .tab-link:hover,.tab-container .tab-link-wrapper .tab-link.active{--tw-text-opacity: 1;color:rgb(237 233 254 / var(--tw-text-opacity, 1))}.tab-container .tab-link-wrapper .tab-link:hover .icon,.tab-container .tab-link-wrapper .tab-link.active .icon{background-color:#a78bfa33;opacity:1}.tab-container .tab-link-wrapper .tab-link:hover .icon:not(.no-fill),.tab-container .tab-link-wrapper .tab-link.active .icon:not(.no-fill){--icon-fill: var(--tw-color-cta-100);--icon-fill-secondary: var(--tw-color-cta-500)}.tab-container .tab-link-wrapper .tab-link:hover .icon.no-fill,.tab-container .tab-link-wrapper .tab-link.active .icon.no-fill{stroke-width:2}.tab-container .tab-body-backdrop{position:fixed;left:0;top:0;z-index:20;height:100vh;width:100vw;background-color:#171717cc}@media (min-width: 1024px){.tab-container .tab-body-backdrop{display:none}}.tab-container .tab-body .tab-heading,.tab-container .tab-body .tab-content{display:none}@media (min-width: 1024px){.tab-container .tab-body .tab-heading,.tab-container .tab-body .tab-content{display:flex}}.tab-container .tab-body .tab-persist .info-box{border-bottom-width:1px;border-color:#26262699;padding:.75rem}@media (min-width: 1024px){.tab-container .tab-body .tab-persist .info-box{display:none}}.tab-container .tab-body .tab-persist .info-box .info-wrapper{display:flex;align-items:center;gap:.5rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));padding:.75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.tab-container .tab-body .tab-persist .info-box .info-wrapper .icon{width:2rem;height:2rem}.tab-container .tab-body .tab-persist .info-box .info-wrapper .info-details{display:flex;flex-direction:column}.tab-container .tab-body .tab-persist .info-box .info-wrapper .info-details .active{display:flex;align-items:center;gap:.25rem}.tab-container .tab-body .tab-persist .info-box .info-wrapper .info-details .active .icon{width:1rem;height:1rem}.tab-container .tab-body .tab-persist .view-all-btn{width:100%}@media (min-width: 1024px){.tab-container .tab-body .tab-persist .view-all-btn{display:none}}.tab-container .tab-body .tab-popup-header{display:none;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:#26262699;padding:.75rem}@media (min-width: 1024px){.tab-container .tab-body .tab-popup-header{display:none}}.tab-container .tab-body .tab-popup-header .title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.tab-container .tab-body .tab-popup-header .close .icon{width:1.25rem;height:1.25rem}.tab-container .tab-body .option-bar{display:none}.tab-container .tab-body.mobile-popup{position:fixed;bottom:1rem;left:1rem;z-index:20;display:block;height:calc(100vh - 56.25vw);width:calc(100vw - 2rem);overflow:hidden;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}@media (min-width: 1024px){.tab-container .tab-body.mobile-popup{position:static;height:-moz-fit-content;height:fit-content;width:100%;border-radius:0;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));padding:0}}.tab-container .tab-body.mobile-popup .tab-heading,.tab-container .tab-body.mobile-popup .tab-content,.tab-container .tab-body.mobile-popup .option-bar,.tab-container .tab-body.mobile-popup .tab-popup-header{display:flex}.tab-container .tab-body.mobile-popup .tab-persist{padding-top:1rem}@media (min-width: 1024px){.tab-container .tab-body.mobile-popup .option-bar{display:none}}.tab-container .tab-body.mobile-popup .tab-persist.hide-on-popup,.tab-container .tab-body.mobile-popup .tab-persist .view-all-btn{display:none}.tab-container .tab-body .tab-heading{width:100%;align-items:center}.tab-container .tab-body .tab-content{max-height:calc(100vh - 10rem - 56.25vw);overflow-y:auto}@media (min-width: 1024px){.tab-container .tab-body .tab-content{max-height:calc(100vh - 28rem)}}.tab-container .tab-body .tab-content.full-height{max-height:calc(100vh - 5rem - 56.25vw)}@media (min-width: 1024px){.tab-container .tab-body .tab-content.full-height{max-height:calc(100vh - 28rem)}}.current-episode-wrapper{display:flex;gap:.5rem;border-bottom-width:1px;border-color:#26262699;padding:.75rem}@media (min-width: 1024px){.current-episode-wrapper{padding:1rem;padding-top:0}}.current-episode-wrapper.loading{pointer-events:none}.current-episode-wrapper.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;touch-action:none}.current-episode-wrapper.loading .action,.current-episode-wrapper.loading .action.secondary{--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.current-episode-wrapper.loading .action .label,.current-episode-wrapper.loading .action.secondary .label,.current-episode-wrapper.loading .action .name,.current-episode-wrapper.loading .action.secondary .name{opacity:0}.current-episode-wrapper .action{display:flex;height:-moz-fit-content;height:fit-content;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:.25rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));padding:.75rem 1rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.current-episode-wrapper .action:hover:not(.secondary){--tw-bg-opacity: 1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))}.current-episode-wrapper .action.secondary{height:100%;width:100%;flex-shrink:1;background-color:#26262666}.current-episode-wrapper .action .label{display:flex;align-items:center;gap:.25rem;text-wrap:nowrap}.current-episode-wrapper .action .name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:600;--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.current-episode-wrapper .action .name.secondary{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.mobile-popup .current-episode-wrapper{padding-top:0}.episode-header{display:flex;width:100%;gap:.5rem;padding:1rem .75rem}@media (min-width: 1024px){.episode-header{padding-left:1rem;padding-right:1rem}}.episode-header .form-input{width:100%}.episode-header .form-input:hover{background-color:#262626cc}.episode-header .filter-active{background-color:#a78bfa33}.media-item-list{display:flex;flex-direction:column}.media-item-card{display:flex;width:100%;max-width:100%;flex-shrink:0;flex-grow:0;gap:1rem;overflow:hidden;border-bottom-width:1px;border-color:#26262699;--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 1024px){.media-item-card{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem}}.media-item-card:hover{background-color:#40404033;--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.media-item-card:hover .details .title-wrapper .title{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.media-item-card.active{border-left-width:4px;border-left-color:#a78bfa99}.media-item-card.list .banner,.media-item-card.list .poster,.media-item-card.list .description{display:none}.media-item-card.list .details .title-wrapper .title{font-size:.875rem;line-height:1.25rem}@media (min-width: 1024px){.media-item-card.list .details .title-wrapper .title{font-size:1rem;line-height:1.5rem}}@keyframes pulse{50%{opacity:.5}}.media-item-card.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-left-width:0px}.media-item-card.loading .banner,.media-item-card.loading .poster{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.media-item-card.loading .banner .image,.media-item-card.loading .poster .image,.media-item-card.loading .banner .badge,.media-item-card.loading .poster .badge{display:none}.media-item-card.loading .details .title-wrapper{margin-bottom:.25rem;height:1.25rem;min-width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.media-item-card.loading .details .title-wrapper .title,.media-item-card.loading .details .title-wrapper .badge{display:none}.media-item-card.loading .description{margin-bottom:.25rem;height:2.25rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));color:transparent}.media-item-card.loading .stats-wrapper .badge{min-width:3rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));color:transparent}.media-item-card.loading .stats-wrapper .badge .icon{opacity:0}.media-item-card .banner,.media-item-card .poster{flex-shrink:0;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))}.media-item-card .banner .image,.media-item-card .poster .image{width:100%;height:100%;overflow:hidden;border-radius:.375rem}.media-item-card .banner .badge,.media-item-card .poster .badge{position:absolute;bottom:.25rem;right:.25rem;--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 1024px){.media-item-card .banner .badge,.media-item-card .poster .badge{bottom:.5rem;right:.5rem;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.media-item-card .banner{position:relative;aspect-ratio:16 / 9;height:auto;min-height:4rem;width:7rem}@media (min-width: 1024px){.media-item-card .banner{width:8rem}}.media-item-card .poster{aspect-ratio:2/3;height:6rem;width:-moz-fit-content;width:fit-content}@media (min-width: 1024px){.media-item-card .poster{height:7rem}}.media-item-card .description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.75rem;line-height:1rem}@media (min-width: 1024px){.media-item-card .description{font-size:.875rem;line-height:1.25rem}}.media-item-card .details{display:flex;width:100%;flex-direction:column;gap:.25rem}.media-item-card .details .title-wrapper{display:flex;align-items:center;gap:.25rem}@media (min-width: 1024px){.media-item-card .details .title-wrapper{gap:.5rem}}.media-item-card .details .title-wrapper .title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.media-item-card .details .stats-wrapper{display:flex;align-items:center;gap:0px}@media (min-width: 1024px){.media-item-card .details .stats-wrapper{gap:.25rem}}.media-item-card .details .stats-wrapper .badge{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 1024px){.media-item-card .details .stats-wrapper .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.videos-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 1024px){.videos-container{grid-template-columns:repeat(2,minmax(0,1fr))}}.videos-container .video{display:flex;width:100%;flex-direction:column;justify-content:flex-start;gap:.5rem}.videos-container .video:hover .thumbnail .overlay{opacity:1}.videos-container .video:hover .thumbnail .image{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.videos-container .video:hover .video-description .title{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.videos-container .video .thumbnail{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;border-radius:.375rem}.videos-container .video .thumbnail .overlay{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:#17171766;opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.videos-container .video .thumbnail .overlay .icon{width:1.5rem;height:1.5rem}.videos-container .video .thumbnail .type{position:absolute;bottom:.25rem;right:.25rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.videos-container .video .video-description{display:flex;flex-direction:column;gap:1px;text-align:left}.videos-container .video .video-description .title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.videos-container .video .video-description .date{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}