fifty-fifty-carousel{display:block}.fifty-fifty-carousel{--carousel-text-color: #000;--carousel-bg-color: #fff;--carousel-control-bg: #fff;--carousel-control-color: #000;position:relative;color:var(--carousel-text-color)}.fifty-fifty-carousel:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;background-color:var(--carousel-bg-color);z-index:0;pointer-events:none}.fifty-fifty-carousel--dark{--carousel-text-color: #fff;--carousel-bg-color: #000;--carousel-control-bg: #fff;--carousel-control-color: #000}.fifty-fifty-carousel__heading-wrapper{position:relative;z-index:1;margin-bottom:2.5rem}.fifty-fifty-carousel__grid{position:relative;z-index:1;display:flex;flex-direction:column-reverse;width:100%}.fifty-fifty-carousel__accordion{width:100%;display:flex;flex-direction:column;align-items:center}.fifty-fifty-carousel__accordion-inner{width:100%;max-width:600px;padding:3rem 1.5rem;display:flex;flex-direction:column;gap:30px}.fifty-fifty-carousel__media-wrapper{width:100%;display:flex;justify-content:center;position:relative}.fifty-fifty-carousel__media-inner{width:100%;max-width:37.5625rem;aspect-ratio:1 / 1;position:relative;overflow:hidden;display:flex;align-items:center}@media screen and (min-width:750px){.fifty-fifty-carousel__grid{flex-direction:row;align-items:stretch}.fifty-fifty-carousel__grid--media-left{flex-direction:row-reverse}.fifty-fifty-carousel__accordion{width:50%;align-items:flex-end}.fifty-fifty-carousel__accordion-inner{padding:5rem 4rem 5rem 1.5rem;justify-content:center;min-height:100%}.fifty-fifty-carousel__grid--media-left .fifty-fifty-carousel__accordion{align-items:flex-start}.fifty-fifty-carousel__grid--media-left .fifty-fifty-carousel__accordion-inner{padding:5rem 1.5rem 5rem 4rem}.fifty-fifty-carousel__media-wrapper{width:50%;justify-content:flex-start;align-items:center}.fifty-fifty-carousel__grid--media-left .fifty-fifty-carousel__media-wrapper{justify-content:flex-end}}.fifty-fifty-carousel__accordion-item{position:relative;padding-left:30px;display:flex;flex-direction:column}.fifty-fifty-carousel__accordion-item:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background-color:var(--carousel-text-color);opacity:.3;border-radius:10px}.fifty-fifty-carousel__accordion-item:after{content:"";position:absolute;left:0;top:0;width:2px;height:0;background-color:var(--carousel-text-color);border-radius:10px;z-index:1}.fifty-fifty-carousel__accordion-item[data-active=true]:after{animation:fifty-fifty-carousel_bar-progress var(--animation-duration, 8s) linear normal forwards}.fifty-fifty-carousel__accordion-item.paused:after{animation-play-state:paused!important}@keyframes fifty-fifty-carousel_bar-progress{0%{height:0}to{height:100%}}.fifty-fifty-carousel__accordion-toggle{background:transparent;border:none;padding:0;text-align:left;cursor:pointer;color:inherit;opacity:.4;transition:opacity .3s ease;outline:none}.fifty-fifty-carousel__accordion-toggle:focus-visible{outline:2px solid var(--carousel-text-color);outline-offset:4px}.fifty-fifty-carousel__accordion-item[data-active=true] .fifty-fifty-carousel__accordion-toggle{opacity:1;cursor:default}.fifty-fifty-carousel__accordion-title{margin:0;font-weight:700;font-size:22px;line-height:31.2px;transition:font-size .3s ease,line-height .3s ease}.fifty-fifty-carousel__accordion-item[data-active=true] .fifty-fifty-carousel__accordion-title{font-size:32px;line-height:35px}.fifty-fifty-carousel__accordion-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease;overflow:hidden}.fifty-fifty-carousel__accordion-item[data-active=true] .fifty-fifty-carousel__accordion-content-wrapper{grid-template-rows:1fr}.fifty-fifty-carousel__accordion-content{min-height:0;transform:translateY(-10px);opacity:0;transition:transform .5s ease .1s,opacity .5s ease .1s;font-size:23.4px;line-height:31.2px;font-weight:400}.fifty-fifty-carousel__accordion-item[data-active=true] .fifty-fifty-carousel__accordion-content{transform:translateY(0);opacity:1;padding-top:30px}.fifty-fifty-carousel__media-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;display:flex;align-items:center;justify-content:center;z-index:1}.fifty-fifty-carousel__media-item[data-active=true]{opacity:1;visibility:visible;z-index:100}.fifty-fifty-carousel__media-item img{border-radius:24px}.fifty-fifty-carousel__media-item video,.fifty-fifty-carousel__media-item img,.fifty-fifty-carousel__media-item svg{width:100%;height:100%;object-fit:cover;display:block}.fifty-fifty-carousel__controls{position:absolute;bottom:6.25rem;right:2rem;z-index:100}.fifty-fifty-carousel__play-pause{background-color:#fff;color:#000;border:none;border-radius:18.75rem;padding:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,opacity .2s ease;width:fit-content}.fifty-fifty-carousel__play-pause:hover{transform:scale(1.05)}.fifty-fifty-carousel__play-pause .icon{width:24px;height:24px}.fifty-fifty-carousel__play-pause .hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fifty-fifty-carousel.css.map */