.steps-carousel-section{width:100%}.steps-carousel-section__header{margin-bottom:2.4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem}@media(min-width:1200px){.steps-carousel-section__header{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:3.2rem}}.steps-carousel-section__header-content{display:flex;flex-direction:column;gap:1rem;flex:1}.steps-carousel-section__header-button{display:flex;align-items:flex-start;flex-shrink:0;letter-spacing:0;line-height:1.2}@media(max-width:989px){.steps-carousel-section__header-button{justify-content:center;width:100%}}.steps-carousel-section__header--mobile-left .steps-carousel-section__header-content{text-align:left}.steps-carousel-section__header--mobile-center .steps-carousel-section__header-content{text-align:center}.steps-carousel-section__header--mobile-right .steps-carousel-section__header-content{text-align:right}@media(min-width:990px){.steps-carousel-section__header--desktop-left .steps-carousel-section__header-content{text-align:left}.steps-carousel-section__header--desktop-center .steps-carousel-section__header-content{text-align:center}.steps-carousel-section__header--desktop-right .steps-carousel-section__header-content{text-align:right}}@media(max-width:989px){.steps-carousel-section__header--mobile-left .steps-carousel-section__header-button{justify-content:flex-start}.steps-carousel-section__header--mobile-center .steps-carousel-section__header-button{justify-content:center}.steps-carousel-section__header--mobile-right .steps-carousel-section__header-button{justify-content:flex-end}}.steps-carousel-section__button{display:flex;gap:1.6rem;min-height:4rem;letter-spacing:0;line-height:1.2}@media(min-width:1200px){.steps-carousel-section__button{min-height:5rem}}.steps-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}@media(min-width:750px){.steps-carousel-section__title{font-size:3.2rem}}.steps-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){.steps-carousel-section__subtitle{font-size:1.6rem}}.steps-carousel-section__carousel-wrapper{width:100%;position:relative}.steps-carousel-section__carousel{width:100%}.steps-carousel-section__carousel .splide__list{display:flex;align-items:stretch}.steps-carousel-section__carousel .splide__slide{display:flex;flex-direction:column;cursor:grab}.steps-carousel-section__carousel .splide__slide:active,.steps-carousel-section__carousel.is-dragging .splide__slide{cursor:grabbing}.steps-carousel-section__carousel .splide__slide .button,.steps-carousel-section__carousel .splide__slide .video-container,.steps-carousel-section__carousel .splide__slide .video-play-button{cursor:pointer}.steps-carousel-section__carousel.is-dragging .splide__slide .button,.steps-carousel-section__carousel.is-dragging .splide__slide .video-container,.steps-carousel-section__carousel.is-dragging .splide__slide .video-play-button{cursor:grabbing}.steps-carousel-section__card-header{position:relative}.steps-carousel-section__card{border-radius:1rem;display:grid;grid-template-rows:auto 1fr auto;align-items:start;min-height:32rem;height:100%;text-align:center;position:relative;transition:box-shadow .3s;cursor:inherit;color:rgba(var(--color-background),1)}.steps-carousel-section__card-header{width:100%;text-align:center;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:1.6rem;gap:.8rem}@media(min-width:750px){.steps-carousel-section__card-header{margin-bottom:2.4rem}}.steps-carousel-section__card-header--left{text-align:left}.steps-carousel-section__card-header--center{text-align:center}.steps-carousel-section__card-header--right{text-align:right}.steps-carousel-section__card-media{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;max-width:100%;grid-row:2;align-self:start;overflow:visible}.steps-carousel-section__card-image{width:100%;height:100%;border-radius:var(--media-border-radius, .8rem);object-fit:cover;background:#f4f4f4}.steps-carousel-section__card-image[style*=margin-left],.video-container--full-width{max-width:none}.video-container--full-width video,.video-container--full-width iframe{width:100%!important;min-width:100%!important}.steps-carousel-section__card-media video{width:100%;height:100%;border-radius:var(--media-border-radius, .8rem);object-fit:cover;object-position:center;background:#000;backface-visibility:hidden;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);filter:contrast(1.02) saturate(1.05)}.steps-carousel-section__card-media iframe{width:100%;height:100%;border-radius:var(--media-border-radius, .8rem);background:#000;border:none}.steps-carousel-section__card-media .video-container{width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--media-border-radius, .8rem);background:#000;cursor:pointer}.steps-carousel-section__card-media .video-container video,.steps-carousel-section__card-media .video-container iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;border-radius:var(--media-border-radius, .8rem)}.steps-carousel-section__card-media .video-container .youtube-iframe,.steps-carousel-section__card-media .video-container .vimeo-iframe{position:absolute;top:0;left:0;transform:none;width:100%;height:100%;min-width:unset;min-height:unset;border-radius:var(--media-border-radius, .8rem)}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.8rem;height:4.8rem;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;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)}.video-container:hover .video-play-button{opacity:1}.video-play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.video-play-button:active{transform:translate(-50%,-50%) scale(.95)}.video-play-button svg{width:2.4rem;height:2.4rem;fill:#000;pointer-events:none}.video-container.playing .play-icon{display:none}.video-container.playing .pause-icon{display:block!important}.video-container.paused .play-icon{display:block}.video-container.paused .pause-icon{display:none!important}.video-container.playing .video-play-button{opacity:0;pointer-events:none;transition:opacity .3s ease}.video-container.playing.show-controls .video-play-button,.video-container.paused .video-play-button{opacity:1;pointer-events:auto}.video-mobile-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.8rem 1.2rem;border-radius:2rem;font-size:1.2rem;font-weight:500;z-index:5;opacity:1;transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:.1rem solid rgba(255,255,255,.2);display:none}.video-mobile-hint__content{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.video-mobile-hint .tap-icon{width:1.6rem;height:1.6rem;fill:currentColor;animation:tap-pulse 2s infinite}@keyframes tap-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.video-container.playing .video-mobile-hint,.video-container.interacted .video-mobile-hint{opacity:0;transform:translate(-50%) translateY(.5rem);pointer-events:none}.steps-carousel-section__card-title{font-size:1.4rem;font-weight:700;margin:0;color:rgba(var(--color-foreground),1);letter-spacing:0;line-height:1.2}@media(min-width:750px){.steps-carousel-section__card-title{font-size:2.4rem}}.steps-carousel-section__card-subtitle{font-size:1.2rem;color:rgba(var(--color-foreground-secondary),1);margin:0;letter-spacing:0;line-height:1.2}@media(min-width:750px){.steps-carousel-section__card-subtitle{font-size:1.4rem}}.steps-carousel-section__card-footer{width:100%;text-align:center;grid-row:3;align-self:end;margin-top:2.4rem}.steps-carousel-section__card-button{display:flex;gap:1.6rem;min-height:4rem;font-size:1.4rem;letter-spacing:0;line-height:1.2}@media(min-width:750px){.steps-carousel-section__card-button{min-height:5rem;font-size:1.6rem}}.steps-carousel-section__card--placeholder{background:rgba(var(--color-background-secondary),.5);color:rgba(var(--color-foreground),.6);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:32rem;border-radius:1rem;border:.2rem dashed rgba(var(--color-foreground),.3);font-size:1.4rem;font-style:italic;transition:all .3s ease;cursor:pointer}.steps-carousel-section__card--placeholder:hover{background:rgba(var(--color-background-secondary),.8);border-color:rgba(var(--color-foreground),.5);transform:translateY(-.2rem)}.steps-carousel-section__card-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-background-secondary),.5);color:rgba(var(--color-foreground),.6);border-radius:var(--media-border-radius, .8rem);border:.2rem dashed rgba(var(--color-foreground),.3);font-size:2rem;font-style:italic;transition:all .3s ease;cursor:pointer;flex-direction:column;gap:.8rem}.steps-carousel-section__card-media-placeholder:hover{background:rgba(var(--color-background-secondary),.8);border-color:rgba(var(--color-foreground),.5);color:rgba(var(--color-foreground),.8)}.steps-carousel-section__card--placeholder h3,.steps-carousel-section__card h3[style*="color: #bbb"],.steps-carousel-section__card div[style*="color: #bbb"]{transition:color .3s ease}.steps-carousel-section__card:hover h3[style*="color: #bbb"],.steps-carousel-section__card:hover div[style*="color: #bbb"]{color:#6c757d!important}.steps-carousel-section__carousel{position:relative}.steps-carousel-section__carousel .splide__arrow{width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;cursor:pointer;z-index:10;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;backface-visibility:hidden;box-shadow:0 .2rem .8rem #00000026}.steps-carousel-section__carousel .splide__arrow--prev{left:-1.5rem}.steps-carousel-section__carousel .splide__arrow--next{right:-1.5rem}.steps-carousel-section__carousel .splide__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 .4rem 1.2rem #00000040}.steps-carousel-section__carousel .splide__arrow:active{transform:translateY(-50%) scale(.95)}.steps-carousel-section__carousel .splide__arrow:disabled{opacity:.3;cursor:not-allowed}.steps-carousel-section__carousel .splide__arrow svg{fill:rgb(var(--color-foreground, 0, 0, 0));width:1.2rem;height:1.2rem;pointer-events:none}.steps-carousel-section__carousel .splide__pagination{margin-top:2rem;z-index:10;position:relative}.steps-carousel-section__carousel .splide__pagination__page{background:rgba(var(--color-button));width:.4rem;height:.4rem;margin:1rem;border-radius:50%;transition:background .2s ease;opacity:1;border:none}.steps-carousel-section__carousel .splide__pagination__page:hover{background:#0006;transform:translateZ(0) scale(1.1)}.steps-carousel-section__carousel .splide__pagination__page.is-active{background:transparent;border:2px solid rgba(var(--color-button));width:.8rem;height:.8rem;transform:scale(1)}.steps-carousel-section__carousel .splide__pagination__page.is-active:hover{transform:translateZ(0) scale(1.3)}.carousel--no-arrows .splide__arrow,.carousel--no-pagination .splide__pagination{display:none!important}@media(max-width:749px){.steps-carousel-section__carousel .splide__arrow--prev{left:-1rem}.steps-carousel-section__carousel .splide__arrow--next{right:-1rem}.steps-carousel-section__carousel .splide__arrow{width:2.5rem;height:2.5rem}.steps-carousel-section__carousel .splide__arrow svg{width:1rem;height:1rem}.video-play-button{width:4rem;height:4rem}.video-play-button svg{width:2rem;height:2rem}.video-container.paused:not(.interacted) .video-mobile-hint{display:block}.video-container.paused:not(.interacted) .video-play-button{opacity:0}.video-container.interacted .video-play-button,.video-container.show-controls .video-play-button,.video-container:hover .video-play-button{opacity:1}.video-container.playing:not(.show-controls) .video-play-button{opacity:0}}@media(min-width:750px){.steps-carousel-section__title{font-size:3.2rem}.steps-carousel-section__carousel .splide__arrow{width:4rem;height:4rem}.steps-carousel-section__carousel .splide__arrow--prev{left:-2rem}.steps-carousel-section__carousel .splide__arrow--next{right:-2rem}.steps-carousel-section__carousel .splide__arrow svg{width:1.6rem;height:1.6rem}.steps-carousel-section__carousel .splide__pagination__page{width:1rem;height:1rem}.video-play-button{width:5.6rem;height:5.6rem}.video-play-button svg{width:2.8rem;height:2.8rem}.video-mobile-hint{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-steps-carousel.css.map */