.media-carousel-section{width:100%}.media-carousel-section__header{margin-bottom:2.4rem;display:flex;justify-content:center;align-items:center}@media(min-width:990px){.media-carousel-section__header{margin-bottom:3.2rem}}.media-carousel-section__header-content{display:flex;flex-direction:column;gap:1rem;flex:1;height:100%}.media-carousel-section__header--mobile-left .media-carousel-section__header-content{text-align:left}.media-carousel-section__header--mobile-center .media-carousel-section__header-content{text-align:center}.media-carousel-section__header--mobile-right .media-carousel-section__header-content{text-align:right}@media(min-width:990px){.media-carousel-section__header--desktop-left .media-carousel-section__header-content{text-align:left}}@media(min-width:990px){.media-carousel-section__header--desktop-center .media-carousel-section__header-content{text-align:center}}@media(min-width:990px){.media-carousel-section__header--desktop-right .media-carousel-section__header-content{text-align:right}}@media(min-width:990px){.media-carousel-section__desktop-layout .media-carousel-section__header{margin-bottom:0;min-height:12.6rem}}.media-carousel-section__title{font-size:2.4rem;font-weight:700;margin:0;color:rgba(var(--color-foreground),1);letter-spacing:0;line-height:1.2;max-width:98%}@media(min-width:750px){.media-carousel-section__title{font-size:3.2rem;max-width:unset}}.media-carousel-section__subtitle{font-size:1.4rem;color:rgba(var(--color-foreground-secondary),1);letter-spacing:0;line-height:1.2}@media(min-width:750px){.media-carousel-section__subtitle{font-size:1.6rem}}.media-carousel-section__mobile-layout{display:flex;flex-direction:column}.media-carousel-section__desktop-layout{display:none}@media(min-width:990px){.media-carousel-section__desktop-layout{display:block}}@media(min-width:990px){.media-carousel-section__two-column-layout{display:grid;grid-template-columns:1fr 1.0249fr;gap:4rem;align-items:stretch;width:100%;max-width:100%;overflow:hidden}}@media(min-width:990px){.media-carousel-section__content-column{display:flex;flex-direction:column;gap:3.2rem;width:100%;max-width:100%;min-width:0;align-self:start}}@media(min-width:990px){.media-carousel-section__media-column{position:sticky;top:2rem;width:100%;max-width:100%;overflow:hidden;align-self:start}}@media(min-width:990px){.media-carousel-section__media-column:has(.media-carousel-section__single-video-wrapper){align-self:center}}.media-carousel-section__desktop-media-reference,.media-carousel-section__desktop-media-reference .media-carousel-section__main-media-container,.media-carousel-section__desktop-pagination-reference{width:100%;height:auto}.media-carousel-section__desktop-pagination-reference .media-carousel-section__pagination{margin-top:.7rem}.media-carousel-section__thumbnails-container{width:100%}.media-carousel-section__thumbnails-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2.4rem}@media(min-width:990px){.media-carousel-section__thumbnails-list{gap:1.6rem;margin-bottom:0}}.media-carousel-section__thumbnail{border-radius:1rem;display:flex;gap:1.6rem;padding:1rem;cursor:pointer;transition:all .3s ease,background-color .3s ease,transform .3s ease;align-items:flex-start;min-height:10.5rem}@media(min-width:990px){.media-carousel-section__thumbnail{padding:1.5rem;min-height:11.1rem}}.media-carousel-section__thumbnail:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.1)}.media-carousel-section__thumbnail{background-color:rgba(var(--color-background),1)}.media-carousel-section__thumbnail.is-active{background-color:rgba(var(--color-background-secondary),1)}.media-carousel-section__thumbnail.is-active .media-carousel-section__thumbnail-number-text{color:rgba(var(--color-button-text),1)}.media-carousel-section__thumbnail.is-active .media-carousel-section__thumbnail-title{color:rgba(var(--color-foreground),1);font-weight:700}.media-carousel-section__thumbnail.is-active .media-carousel-section__thumbnail-description{color:rgba(var(--color-foreground-secondary),1)}.media-carousel-section__thumbnail:not(.is-active){background-color:rgba(var(--color-background),1)}.media-carousel-section__thumbnail:not(.is-active) .media-carousel-section__thumbnail-number{background-color:rgba(var(--color-foreground-tertiary),1);color:rgba(var(--color-button-text),1)}.media-carousel-section__thumbnail:not(.is-active) .media-carousel-section__thumbnail-title,.media-carousel-section__thumbnail:not(.is-active) .media-carousel-section__thumbnail-description{color:rgba(var(--color-foreground-tertiary),.6)}.media-carousel-section__thumbnail:not(.is-active) .media-carousel-section__thumbnail-number-text{color:rgba(var(--color-button-text),1)}.media-carousel-section__thumbnail-number{margin-top:.4rem;display:flex;justify-content:center;align-items:center;min-width:2.4rem;height:2.8rem;border-radius:.4rem;background:rgba(var(--color-button),1);flex-shrink:0;transition:background-color .3s ease}.media-carousel-section__thumbnail-number-text{font-size:2.4rem;font-weight:500;color:rgba(var(--color-button-text),1);letter-spacing:0;line-height:1.4;text-align:center;transition:color .3s ease}.media-carousel-section__thumbnail-content{display:flex;flex-direction:column;gap:.8rem;flex-grow:1}@media(min-width:750px){.media-carousel-section__thumbnail-content{gap:1rem}}.media-carousel-section__thumbnail-content--left{text-align:left}.media-carousel-section__thumbnail-content--center{text-align:center}.media-carousel-section__thumbnail-content--right{text-align:right}.media-carousel-section__thumbnail-title{font-size:1.4rem;font-weight:700;margin:0;color:rgba(var(--color-foreground),1);letter-spacing:0;line-height:1;transition:color .3s ease,font-weight .3s ease}@media(min-width:750px){.media-carousel-section__thumbnail-title{font-size:1.8rem}}@media(min-width:990px){.media-carousel-section__thumbnail-title{font-size:1.8rem}}.media-carousel-section__thumbnail-description{font-size:1.2rem;color:rgba(var(--color-foreground-secondary),1);margin:0;letter-spacing:0;line-height:1.2;transition:color .3s ease;max-width:90%}@media(min-width:990px){.media-carousel-section__thumbnail-description{font-size:1.4rem;max-width:unset}}.media-carousel-section__pagination{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:.7rem;width:100%}@media(min-width:750px){.media-carousel-section__pagination{gap:1.2rem}}.media-carousel-section__pagination--hidden{display:none!important}.media-carousel-section__pagination-bar{position:relative;height:.9rem;flex:1;width:100%;background-color:rgba(var(--color-foreground),.1);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:all .3s ease}.media-carousel-section__pagination-bar:not(.is-active) .media-carousel-section__pagination-fill{width:0%!important;animation:none!important}.media-carousel-section__pagination-fill{position:absolute;display:block!important;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,rgba(var(--color-button),1),rgba(var(--color-button),.8));border-radius:inherit;transition:width .3s ease}.media-carousel-section__pagination-bar.is-active{background-color:rgba(var(--color-foreground),.15)}.media-carousel-section__pagination-bar.is-active .media-carousel-section__pagination-fill{width:100%;animation:paginationProgress 5s linear forwards}@keyframes paginationProgress{0%{width:0%}to{width:100%}}.media-carousel-section__pagination-bar:hover:not(.is-active){background-color:rgba(var(--color-foreground),.2)}.media-carousel-section__pagination-bar:hover:not(.is-active) .media-carousel-section__pagination-fill{width:30%;background:rgba(var(--color-button),.6)}.media-carousel-section__pagination-bar.is-active.paused .media-carousel-section__pagination-fill{animation-play-state:paused}.media-carousel-section__pagination-bar.is-active.completed .media-carousel-section__pagination-fill{width:100%!important;animation:none!important}.media-carousel-section__pagination-bar.is-active.video-based .media-carousel-section__pagination-fill{animation:none!important;transition:width .1s linear}.media-carousel-section__pagination-bar.video-transition .media-carousel-section__pagination-fill{transition:width .2s ease-out,opacity .2s ease-out}.media-carousel-section__pagination-bar.video-transition.fade-out .media-carousel-section__pagination-fill{opacity:0}.media-carousel-section__main-media-container{width:100%;height:auto;position:relative;display:block;overflow:hidden}@media(min-width:990px){.media-carousel-section__main-media-container{max-width:100%;box-sizing:border-box}}.media-carousel-section__media-item{width:100%;height:100%;display:block}.media-carousel-section__media-image{width:100%;height:auto;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.media-carousel-section__main-media-container .media-container{width:100%;height:auto;position:relative;border-radius:var(--media-border-radius, .8rem);cursor:pointer;display:block}.media-carousel-section__main-media-container .media-container video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.media-carousel-section__main-media-container .media-container iframe:not(.youtube-iframe):not(.vimeo-iframe){width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.media-carousel-section__main-media-container .media-container .youtube-iframe,.media-carousel-section__main-media-container .media-container .vimeo-iframe{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--media-border-radius, .8rem);display:block}.media-carousel-section__media-placeholder{width:100%;height:auto;aspect-ratio:16/9;min-height:12rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgba(var(--color-foreground),.6);border-radius:var(--media-border-radius, .8rem);border:.2rem dashed rgba(var(--color-foreground),.2);font-size:2rem;font-style:italic;transition:all .3s ease;cursor:pointer}@media(min-width:750px){.media-carousel-section__media-placeholder{font-size:2.4rem}}.media-carousel-section__media-placeholder:hover{background:rgba(var(--color-background-secondary),.5);border-color:rgba(var(--color-border),.5);color:rgba(var(--color-foreground),.8)}.media-carousel-section__main-media-container .video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.6rem;height:5.6rem;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:opacity .3s ease,transform .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:.1rem solid rgba(0,0,0,.1);pointer-events:auto}@media(min-width:750px){.media-carousel-section__main-media-container .video-play-button{width:4.8rem;height:4.8rem}}@media(min-width:990px){.media-carousel-section__main-media-container .video-play-button{width:5.6rem;height:5.6rem}}.media-carousel-section__main-media-container .media-container:hover .video-play-button{opacity:1}.media-carousel-section__main-media-container .video-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.media-carousel-section__main-media-container .video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.media-carousel-section__main-media-container .video-play-button svg{width:3.2rem;height:3.2rem;fill:#000;pointer-events:none}@media(min-width:750px){.media-carousel-section__main-media-container .video-play-button svg{width:2.4rem;height:2.4rem}}@media(min-width:990px){.media-carousel-section__main-media-container .video-play-button svg{width:2.8rem;height:2.8rem}}.media-carousel-section__main-media-container .media-container.playing .play-icon{display:none}.media-carousel-section__main-media-container .media-container.playing .pause-icon{display:block!important}.media-carousel-section__main-media-container .media-container.paused .play-icon{display:block}.media-carousel-section__main-media-container .media-container.paused .pause-icon{display:none!important}.media-carousel-section__main-media-container .media-container.playing .video-play-button{opacity:0;pointer-events:none;transition:opacity .3s ease}.media-carousel-section__main-media-container .media-container.playing.show-controls .video-play-button,.media-carousel-section__main-media-container .media-container.paused .video-play-button{opacity:1!important;pointer-events:auto!important}.media-carousel-section__main-media-container .media-container .video-play-button{opacity:1;pointer-events:auto}.media-carousel-section__main-media-container--mobile-auto .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-auto .media-container,.media-carousel-section__main-media-container--mobile-auto .media-carousel-section__media-placeholder{width:100%;height:auto}.media-carousel-section__main-media-container--mobile-square .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-square .media-container,.media-carousel-section__main-media-container--mobile-square .media-carousel-section__media-placeholder{aspect-ratio:1 / 1}.media-carousel-section__main-media-container--mobile-landscape .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-landscape .media-container,.media-carousel-section__main-media-container--mobile-landscape .media-carousel-section__media-placeholder{aspect-ratio:4 / 3}.media-carousel-section__main-media-container--mobile-portrait .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-portrait .media-container,.media-carousel-section__main-media-container--mobile-portrait .media-carousel-section__media-placeholder{aspect-ratio:3 / 4}.media-carousel-section__main-media-container--mobile-widescreen .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-widescreen .media-container,.media-carousel-section__main-media-container--mobile-widescreen .media-carousel-section__media-placeholder{aspect-ratio:16 / 9}.media-carousel-section__main-media-container--mobile-ultrawide .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-ultrawide .media-container,.media-carousel-section__main-media-container--mobile-ultrawide .media-carousel-section__media-placeholder{aspect-ratio:21 / 9}.media-carousel-section__main-media-container--mobile-cinema .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-cinema .media-container,.media-carousel-section__main-media-container--mobile-cinema .media-carousel-section__media-placeholder{aspect-ratio:2.35 / 1}.media-carousel-section__main-media-container--mobile-custom .media-carousel-section__media-image,.media-carousel-section__main-media-container--mobile-custom .media-container,.media-carousel-section__main-media-container--mobile-custom .media-carousel-section__media-placeholder{aspect-ratio:var(--custom-aspect-ratio-mobile, 4 / 3)}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-auto .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-auto .media-container,.media-carousel-section__main-media-container--desktop-auto .media-carousel-section__media-placeholder{width:100%;height:auto}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-square .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-square .media-container,.media-carousel-section__main-media-container--desktop-square .media-carousel-section__media-placeholder{aspect-ratio:1 / 1}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-landscape .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-landscape .media-container,.media-carousel-section__main-media-container--desktop-landscape .media-carousel-section__media-placeholder{aspect-ratio:4 / 3}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-portrait .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-portrait .media-container,.media-carousel-section__main-media-container--desktop-portrait .media-carousel-section__media-placeholder{aspect-ratio:3 / 4}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-widescreen .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-widescreen .media-container,.media-carousel-section__main-media-container--desktop-widescreen .media-carousel-section__media-placeholder{aspect-ratio:16 / 9}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-ultrawide .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-ultrawide .media-container,.media-carousel-section__main-media-container--desktop-ultrawide .media-carousel-section__media-placeholder{aspect-ratio:21 / 9}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-cinema .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-cinema .media-container,.media-carousel-section__main-media-container--desktop-cinema .media-carousel-section__media-placeholder{aspect-ratio:2.35 / 1}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-custom .media-carousel-section__media-image,.media-carousel-section__main-media-container--desktop-custom .media-container,.media-carousel-section__main-media-container--desktop-custom .media-carousel-section__media-placeholder{aspect-ratio:var(--custom-aspect-ratio-desktop, 16 / 9)}}.media-carousel-section__main-media-container:not([class*=--mobile-auto]):not([class*=--desktop-auto]) video,.media-carousel-section__main-media-container:not([class*=--mobile-auto]):not([class*=--desktop-auto]) iframe{width:100%;height:100%;object-fit:cover}@media(min-width:990px){.media-carousel-section__main-media-container:not([class*=--desktop-auto]) video,.media-carousel-section__main-media-container:not([class*=--desktop-auto]) iframe{width:100%;height:100%;object-fit:cover}}.media-carousel-section__main-media-container:not([class*=--mobile-auto]) .media-carousel-section__media-image{object-fit:cover;object-position:center}@media(min-width:990px){.media-carousel-section__main-media-container:not([class*=--desktop-auto]) .media-carousel-section__media-image{object-fit:cover;object-position:center}}.media-carousel-section__single-video-wrapper{width:100%;position:relative;overflow:hidden}.media-carousel-section__single-video-container{width:100%;position:relative;border-radius:var(--media-border-radius, .8rem);overflow:hidden;aspect-ratio:16 / 9}.media-carousel-section__single-video-container iframe{width:100%;height:100%;border:none;border-radius:var(--media-border-radius, .8rem);display:block}.media-carousel-section__single-video-container video{width:100%;height:100%;object-fit:cover;border-radius:var(--media-border-radius, .8rem);display:block}.media-carousel-section__main-media-container--mobile-square .media-carousel-section__single-video-container{aspect-ratio:1 / 1}.media-carousel-section__main-media-container--mobile-landscape .media-carousel-section__single-video-container{aspect-ratio:4 / 3}.media-carousel-section__main-media-container--mobile-portrait .media-carousel-section__single-video-container{aspect-ratio:3 / 4}.media-carousel-section__main-media-container--mobile-widescreen .media-carousel-section__single-video-container{aspect-ratio:16 / 9}.media-carousel-section__main-media-container--mobile-ultrawide .media-carousel-section__single-video-container{aspect-ratio:21 / 9}.media-carousel-section__main-media-container--mobile-cinema .media-carousel-section__single-video-container{aspect-ratio:2.35 / 1}.media-carousel-section__main-media-container--mobile-custom .media-carousel-section__single-video-container{aspect-ratio:var(--custom-aspect-ratio-mobile, 4 / 3)}.media-carousel-section__main-media-container--mobile-auto .media-carousel-section__single-video-container{aspect-ratio:16 / 9}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-square .media-carousel-section__single-video-container{aspect-ratio:1 / 1}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-landscape .media-carousel-section__single-video-container{aspect-ratio:4 / 3}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-portrait .media-carousel-section__single-video-container{aspect-ratio:3 / 4}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-widescreen .media-carousel-section__single-video-container{aspect-ratio:16 / 9}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-ultrawide .media-carousel-section__single-video-container{aspect-ratio:21 / 9}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-cinema .media-carousel-section__single-video-container{aspect-ratio:2.35 / 1}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-custom .media-carousel-section__single-video-container{aspect-ratio:var(--custom-aspect-ratio-desktop, 16 / 9)}}@media(min-width:990px){.media-carousel-section__main-media-container--desktop-auto .media-carousel-section__single-video-container{aspect-ratio:16 / 9}}.media-carousel-section .media-carousel-main .splide__arrow{background:rgba(var(--color-button),1);border:none;border-radius:50%;width:4rem;height:4rem;opacity:.9}@media(min-width:750px){.media-carousel-section .media-carousel-main .splide__arrow{width:4.8rem;height:4.8rem}}.media-carousel-section .media-carousel-main .splide__arrow:hover{opacity:1}.media-carousel-section .media-carousel-main .splide__arrow svg{fill:rgba(var(--color-button-text),1);width:1.6rem;height:1.6rem}@media(min-width:750px){.media-carousel-section .media-carousel-main .splide__arrow svg{width:2rem;height:2rem}}.media-carousel-section .media-carousel-main .splide__arrow--prev{left:1rem;z-index:10}@media(min-width:750px){.media-carousel-section .media-carousel-main .splide__arrow--prev{left:1.5rem}}.media-carousel-section .media-carousel-main .splide__arrow--next{right:1rem;z-index:10}@media(min-width:750px){.media-carousel-section .media-carousel-main .splide__arrow--next{right:1.5rem}}.media-carousel-section .splide__track{overflow:hidden}.media-carousel-section .splide__list{align-items:stretch}.media-carousel-section .splide__slide{display:flex;align-items:stretch}.media-carousel-section .splide{margin:0;overflow:hidden;width:100%;max-width:100%}.media-carousel-section .media-carousel-main{overflow:hidden;width:100%;max-width:100%}@media(min-width:990px){.media-carousel-section .media-carousel-main{box-sizing:border-box}}.media-carousel-section .splide__track{margin:0}.media-carousel-section .splide__list,.media-carousel-section .splide__slide{margin:0;padding:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-media-carousel.css.map */