.media-player-section{width:100%}.media-player-container{max-width:1400px;margin:0 auto;display:flex;flex-direction:column}.top-image-container{margin:0 auto}.top_image{width:100%;height:100%}.media-player-header h2{text-align:center;margin-bottom:20px;font-size:4rem;line-height:1.2}.media-main-stage{position:relative;width:100%;aspect-ratio:9 / 16;max-width:450px;margin:0 auto;background:#000;border-radius:12px;overflow:visible;box-shadow:0 10px 30px #00000026}.media-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s;z-index:1;display:flex;align-items:center;justify-content:center}.media-video-wrapper.is-active{opacity:1;visibility:visible;z-index:2}.media-video-element{width:100%;height:100%;object-fit:cover}.media-placeholder{color:#fff;padding:20px;text-align:center;display:flex;align-items:center;justify-content:center;height:100%}.media-carousel-nav{width:100%;padding:30px 0;margin-top:10px}.carousel-track{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;overflow-x:auto;padding:10px 20px;justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-item{background:transparent;border:none;cursor:pointer;text-align:left;flex:0 0 120px;display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px;transition:transform .2s,background .2s}.carousel-item:hover{background:#00000008;transform:translateY(-2px)}.carousel-item.is-selected{background:#0000000d;box-shadow:0 0 0 1px #0000001a}.carousel-thumb{position:relative;width:100%;aspect-ratio:9/16;border-radius:6px;overflow:hidden;background:#333;box-shadow:0 2px 5px #0000001a}.carousel-thumb img{width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#0000004d;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.carousel-meta{display:grid;grid-template-areas:"stack";place-items:center;width:fit-content;position:relative}.carousel-meta-bg,.carousel-title{grid-area:stack}.carousel-subtitle{font-size:1rem;text-transform:uppercase;opacity:.6;letter-spacing:.5px}.carousel-title{font-size:1.4rem;font-weight:600;line-height:1.2;text-align:center;color:#000!important;z-index:1;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.custom-controls-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;align-items:center;justify-content:center;gap:15px;background-color:#0000004d;transition:opacity .3s ease}.media-video-wrapper:not(.is-playing) .custom-controls-overlay{opacity:1;pointer-events:auto}.media-video-wrapper.is-playing.show-controls .custom-controls-overlay{opacity:1;pointer-events:auto}.media-video-wrapper.is-playing .custom-controls-overlay{opacity:0}.ctrl-btn{background:none;border:none;cursor:pointer;color:#fff;padding:0;transition:transform .2s;display:flex;align-items:center;justify-content:center}.ctrl-btn:hover{transform:scale(1.1);color:#e5be53}.ctrl-play-pause{width:50px;height:50px;background:#0009;border-radius:50%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ctrl-rewind,.ctrl-forward{width:35px;height:35px;opacity:.8}.media-cover-wrapper{z-index:2;background:#000}.media-cover-wrapper.is-active{z-index:2;opacity:1;visibility:visible}.media-main-stage .episodes-container{z-index:2;pointer-events:auto;top:30%;left:-80%}.media-main-stage .episodes-container li{cursor:pointer!important}.media-main-stage .episodes-container span{color:#000;width:100%;text-align:center}@media(max-width:768px){.media-player-header h2{font-size:3rem}.media-main-stage{width:90%;max-height:80vh}.carousel-track{padding-left:20px}}@media(min-width:768px){.top_image{height:100%;width:30vw!important}.carousel-track{justify-content:center;display:flex}}@media(max-width:1199px){.media-main-stage .episodes-container{display:none}}@media(min-width:1200px){.media-carousel-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/custom-about-media-player.css.map */