.carousel-50-50{--aspect-ratio: unset}.carousel-50-50::part(base){gap:0}.carousel-50-50::part(scroll-container){border-radius:0;column-gap:0}.carousel-50-50__slide{height:100%;display:flex;flex-direction:column;justify-content:flex-start}@media screen and (min-width: 1024px){.carousel-50-50__slide{flex-direction:row}}.carousel-50-50__banner{width:100%;position:relative}@media screen and (min-width: 768px){.carousel-50-50__banner{min-height:540px}}@media screen and (min-width: 1024px){.carousel-50-50__banner{min-height:640px}.carousel-50-50--right .carousel-50-50__banner{order:1}}@media screen and (min-width: 1440px){.carousel-50-50__banner{min-height:720px}}.carousel-50-50__banner-image--desktop{display:none}.carousel-50-50--bg-midnight .carousel-50-50__banner-vignette svg{color:var(--dna-color-midnight)}.carousel-50-50--bg-brand-reverse .carousel-50-50__banner-vignette svg{color:var(--dna-brand-reverse)}.carousel-50-50--bg-sandstone .carousel-50-50__banner-vignette svg{color:var(--dna-color-sandstone)}.carousel-50-50__banner-vignette{font-size:0;line-height:0;overflow:hidden;max-width:200px;width:36%;position:absolute;bottom:calc(var(--dna-space-0-5) * -1)}@media screen and (min-width: 768px){.carousel-50-50__banner-vignette{max-width:400px;width:28%}}@media screen and (min-width: 1024px){.carousel-50-50__banner-vignette{max-width:360px;width:50%;bottom:0}}.carousel-50-50__banner-vignette--right{left:calc(var(--dna-space-0-5) * -1)}.carousel-50-50__banner-vignette--left{right:calc(var(--dna-space-0-5) * -1)}.carousel-50-50__banner-vignette svg{font-size:0;line-height:0}.carousel-50-50__banner-placeholder svg{position:absolute;height:100%;width:100%}.carousel-50-50__content{justify-content:center;margin-bottom:calc(var(--dna-space-10) + calc(var(--dna-space-5)) / 2);max-width:800px;padding:var(--dna-space-10) var(--dna-space-4) calc(var(--dna-space-10) + var(--dna-space-5))}.carousel-50-50--single .carousel-50-50__content{margin-bottom:var(--dna-space-5)}@media screen and (min-width: 768px){.carousel-50-50__content,.carousel-50-50--single .carousel-50-50__content{padding:calc(var(--dna-space-5) * 3)}}@media screen and (min-width: 1024px){.carousel-50-50__content,.carousel-50-50--single .carousel-50-50__content{margin:0 auto;padding:var(--dna-space-10) var(--dna-space-10)}}@media screen and (min-width: 1440px){.carousel-50-50__content{padding:calc(var(--dna-space-5) * 3) calc(var(--dna-space-5) * 6)}}.carousel-50-50__eyebrow{margin-bottom:var(--dna-space-4)}.carousel-50-50__headline{margin-bottom:var(--dna-space-2)}@media screen and (min-width: 768px){.carousel-50-50__headline{margin-bottom:var(--dna-space-4)}}.carousel-50-50__subline{margin-bottom:var(--dna-space-4)}.carousel-50-50__cta{margin:var(--dna-space-10) 0 0}.carousel-50-50::part(pagination){position:relative;bottom:var(--dna-space-10)}@media screen and (min-width: 1024px){.carousel-50-50::part(pagination){width:50%;margin-bottom:-10px}.carousel-50-50--left::part(pagination){justify-self:end}}.carousel-50-50::part(pagination-item){height:var(--dna-space-1);width:var(--dna-space-1);background-color:transparent;border-radius:50%;box-sizing:content-box;margin:0 var(--dna-space-3);padding:0;transition:background-color border .5s ease}.carousel-50-50--c-midnight::part(pagination-item){border:1px solid var(--dna-color-midnight)}.carousel-50-50--c-brand-reverse::part(pagination-item){border:1px solid var(--dna-brand-reverse)}.carousel-50-50--c-sandstone::part(pagination-item){border:1px solid var(--dna-color-sandstone)}@media screen and (min-width: 768px){.carousel-50-50::part(pagination-item){height:var(--dna-space-2);width:var(--dna-space-2)}}.carousel-50-50::part(pagination-item--active){border:1px solid transparent;transform:none}.carousel-50-50::part(pagination-item--active):focus-visible{outline:2px solid var(--dna-utility-focus)}.carousel-50-50--c-midnight::part(pagination-item--active){background-color:var(--dna-color-midnight)}.carousel-50-50--c-brand-reverse::part(pagination-item--active){background-color:var(--dna-brand-reverse)}.carousel-50-50--c-sandstone::part(pagination-item--active){background-color:var(--dna-color-sandstone)}@media screen and (min-width: 1024px){.carousel-50-50__banner,.carousel-50-50__content{width:50%}}
/*# sourceMappingURL=/cdn/shop/t/1170/assets/section-50-50-carousel.css.map */