.section-3up-compare{background-color:var(--color-black);padding:4rem 2.5rem;color:var(--color-white);overflow:hidden}.section-3up-compare-top{display:flex;flex-direction:column;justify-content:space-between;row-gap:1.5rem;margin-bottom:3rem}.section-3up-compare .gradient-line--horizontal{margin:calc(var(--gutter) * .5) auto calc(var(--gutter) * 1) auto!important}.section-3up-compare-header,.section-3up-compare-header--2up{font-size:5rem;margin:0;line-height:.857;letter-spacing:-.2rem}.section-3up-compare-header--2up{font-size:7rem;word-wrap:break-word;margin-bottom:0}.section-3up-compare-subheading .icon{display:inline-block;width:50px;height:auto;left:-2.5rem;bottom:-1.5rem;position:absolute}.section-3up-compare-subheading>p{padding-left:1.5rem}.section-3up-compare-top .slider-nav{display:flex;column-gap:4rem;max-height:4rem;justify-content:space-between}.section-3up-compare-top .slider-nav>a{display:flex;align-items:flex-end}.section-3up-compare-top .slider-nav button{height:40px;width:40px;border:1px solid #fff;border-radius:50%;background-color:transparent;line-height:0;transition:.25s}.section-3up-compare-top .slider-nav ul{column-gap:2rem}.section-3up-compare-top .slider-nav button path{fill:#fff;transition:.25s}.section-3up-compare-top .slider-nav .arrow--prev{transform:rotate(180deg)}.section-3up-compare-top .slider-nav button:hover{background-color:var(--color-white);box-shadow:0 0 15px #f32e7c}.section-3up-compare-top .slider-nav button:hover path{fill:var(--color-black)}.section-3up-compare-list{display:flex;margin-left:-4.5rem;row-gap:.6rem}.section-3up-compare-list__item{display:flex;width:100%;max-width:70%;padding-left:4.5rem;flex-grow:1;flex-shrink:0;box-sizing:border-box}@media (hover: hover){.section-3up-compare-list__item{padding-bottom:1rem}}.section-3up-compare-content{display:flex;flex-direction:column;width:100%;justify-content:space-between}.section-3up-compare-list__item--2up{display:none}.section-3up-compare-content--2up{justify-content:flex-end}.section-3up-compare-content--2up .section-3up-compare-header,.section-3up-compare-content--2up .text-b1{max-width:80%}.section-3up-compare-content--2up .text-b1{margin-top:3rem}.section-3up-compare-thumbnail{position:relative;padding-bottom:100%;width:100%}.section-3up-compare-thumbnail__wrapper{position:absolute;height:100%;width:100%;overflow:hidden}.section-3up-compare-thumbnail__wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out}.section-3up-compare-product-image{position:absolute;overflow:hidden;max-width:84.5%;bottom:-2rem;right:-4.5rem}.section-3up-compare-product-image img{height:100%;width:100%;aspect-ratio:1;object-fit:contain}.section-3up-compare-content--text{color:var(--color-white);padding:2rem 0}.section-3up-compare-content--text h4{font-size:1.7rem;line-height:1;max-width:70%}.section-3up-compare-content--footer .button{width:100%;text-align:center;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;transition:none}@media (hover: hover){.section-3up-compare-thumbnail__wrapper img:hover{transform:scale(1.2)}}@media screen and (max-width: 990px){.section-3up-compare-list--mobile{margin-left:-1rem}.section-3up-compare-list--mobile .section-3up-compare-list__item{max-width:50%;padding-left:1rem}.section-3up-compare-list--mobile .section-3up-compare-content--text h4{margin-top:calc(5% + 1.5rem);max-width:100%}}@media screen and (min-width: 990px){.section-3up-compare{padding:3rem 6rem 6rem}.section-3up-compare-top{flex-direction:row;margin-bottom:6rem}.section-3up-compare-top--mobile{display:none}.section-3up-compare-header{font-size:5rem;line-height:.9}.section-3up-compare-list{margin-left:-6rem}.section-3up-compare-list__item{flex-basis:33.33%;padding-left:6rem}.section-3up-compare-list__item--shrink{flex-shrink:1}.section-3up-compare-content--text{padding:3rem 40% 3rem 0}.section-3up-compare-content--text h4{font-size:2rem;max-width:100%}.section-3up-compare-list__item--2up{display:flex}.section-3up-compare-product-image{max-width:42.5%;bottom:-20%;right:0}.section-3up-compare-top .slider-nav{align-items:center}.section-3up-compare-top .slider-nav .hidden--desktop{display:none}}
/*# sourceMappingURL=/cdn/shop/t/856/assets/section-3up-compare.css.map */