.fifty-fifty{background-color:var(--color-off-white)}.fifty-fifty__container{padding:2.5rem 0;position:relative}@media(min-width:1024px){.fifty-fifty__container{padding:3.5rem 0}}.fifty-fifty__slide-wrapper{display:flex;flex-direction:column-reverse;gap:1.5rem}@media(min-width:1024px){.fifty-fifty__slide-wrapper{flex-direction:row;gap:8rem}
.fifty-fifty__slide-wrapper.single{gap:15rem}.fifty-fifty__slide-wrapper.single.media_text{flex-direction:row-reverse}}.fifty-fifty__slide{padding:0 1.875rem}@media(min-width:1024px){.fifty-fifty__slide{padding:0 10.5rem}}.fifty-fifty__slide-content,.fifty-fifty__slide-image{width:100%;flex:1}@media(min-width:1024px){.fifty-fifty__slide-content,.fifty-fifty__slide-image{width:50%}
}.fifty-fifty__slide-content{display:flex;flex-direction:column;justify-content:center}.fifty-fifty__slide-content.top{justify-content:flex-start}.fifty-fifty__slide-content.middle{text-align:center}@media(min-width:1024px){.fifty-fifty__slide-content.middle{text-align:left}}.fifty-fifty__slide-content .eyebrow{margin-bottom:.5rem;text-transform:uppercase}
.fifty-fifty__slide-content h2{margin-bottom:1.5rem}.fifty-fifty__slide-content p{margin-bottom:2rem}.fifty-fifty__slide-content .cta{width:-moz-fit-content;width:fit-content}.fifty-fifty__slide-content .cta.middle{margin:0 auto}@media(min-width:1024px){.fifty-fifty__slide-content .cta.middle{margin:0}}.fifty-fifty__slide-image{position:relative}
.fifty-fifty__slide-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}@media(min-width:1024px){.fifty-fifty__slide-image img{border-radius:1rem}}.fifty-fifty-carousel__shoppable-media{width:3.5rem;position:absolute;bottom:.75rem;right:.875rem;line-height:0;-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);background:rgba(255,255,255,0.5);border-radius:.5rem;width:3rem;height:3rem;transition:background-color .3s ease-in-out}
@media(min-width:1024px){.fifty-fifty-carousel__shoppable-media{border-radius:.5rem;display:flex;justify-content:space-between;align-items:stretch;bottom:1rem;right:1rem;width:initial;height:5.5rem;padding:.5rem}.fifty-fifty-carousel__shoppable-media:hover{background-color:#fff}}@media(min-width:1024px){.fifty-fifty-carousel__shoppable-media:hover{width:initial}
.fifty-fifty-carousel__shoppable-media:hover .fifty-fifty-carousel__shoppable-details{transition:width .5s ease-in-out,opacity .3s ease-in .4s;opacity:1;width:17.25rem}.fifty-fifty-carousel__shoppable-media:not(:hover) .fifty-fifty-carousel__shoppable-details{transition:opacity 0s linear 0s,width .5s ease-in-out}
}.fifty-fifty-carousel__shoppable-details{display:none;opacity:0;width:0;line-height:initial;text-align:left;position:relative;color:var(--color-black)}@media(min-width:1024px){.fifty-fifty-carousel__shoppable-details{display:block}}.fifty-fifty-carousel__shoppable-details__eyebrow{margin-bottom:.25rem}.fifty-fifty-carousel__shoppable-details__cta{position:absolute;bottom:0;left:0}
.fifty-fifty-carousel__shoppable-details__cta a{display:block;text-decoration:underline;cursor:pointer}.fifty-fifty-carousel__shoppable-image__wrapper{height:100%}.fifty-fifty-carousel__shoppable-image__wrapper img{mix-blend-mode:multiply;height:100%}.fifty-fifty-carousel__prev,.fifty-fifty-carousel__next{display:flex}
.fifty-fifty-carousel__prev svg path,.fifty-fifty-carousel__next svg path{fill:var(--color-black)}@keyframes slide-progress{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.fifty-fifty__nav{display:flex;align-items:center;margin-top:2.25rem}@media(min-width:1024px){.fifty-fifty__nav{position:absolute;left:10.5rem;bottom:0;z-index:10}
}.fifty-fifty__nav-arrows{display:flex;gap:2rem}.fifty-fifty__nav .swiper-pagination-bullet{width:2.5rem;height:.25rem;border-radius:1.25rem;position:relative;overflow:hidden;background:rgba(30,30,30,0.3);-webkit-backdrop-filter:blur(0.75rem);backdrop-filter:blur(0.75rem)}.fifty-fifty__nav .swiper-pagination-bullet::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.fifty-fifty__nav .fifty-fifty-carousel__pagination{display:flex;justify-content:center;margin:0 0 0 1.875rem;width:initial}@media(min-width:1024px){.fifty-fifty__nav .fifty-fifty-carousel__pagination{margin:0 23.5vw 0 0;width:100%}}.fifty-fifty__nav .swiper-pagination-bullet-active{background:rgba(30,30,30,0.3);-webkit-backdrop-filter:blur(0.75rem);backdrop-filter:blur(0.75rem)}
.fifty-fifty__nav .swiper-pagination-bullet-active::before{background-color:var(--color-black);animation:slide-progress 6s cubic-bezier(0.3,0,0.3,1) forwards}