.text-with-compare,.text-with-compare *,.text-with-compare *:before,.text-with-compare *:after{box-sizing:border-box}.text-with-compare{--inner-pad: 90px;position:relative;isolation:isolate;display:block;padding:var(--padding-top) 0 var(--padding-bottom);color:rgb(var(--color-foreground));letter-spacing:normal;overflow-x:clip}.text-with-compare-inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(32px,4.762vw,72px);max-width:1512px;margin:0 auto;padding:0 var(--inner-pad)}.text-with-compare-text{display:flex;flex:1 1 604px;flex-direction:column;gap:22px;min-width:0}.text-with-compare-copy{display:flex;flex-direction:column;gap:32px}.text-with-compare-heading{margin:0;text-transform:uppercase}.text-with-compare-body p{margin:0}.text-with-compare-body p+p{margin-top:15px}.text-with-compare-features{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:22px;margin:0;padding:0;list-style:none}.text-with-compare-feature{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}.text-with-compare-feature-icon{flex:none;width:56px;height:62px}.text-with-compare-feature-icon img{display:block;width:100%;height:100%;object-fit:contain}.text-with-compare-feature-label{font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:var(--text-base);line-height:var(--line-height-s);letter-spacing:var(--letter-spacing-s);text-align:center}.text-with-compare-media-col{flex:0 1 656px;min-width:0}.text-with-compare-slider{--pos: 50%;position:relative;width:100%;aspect-ratio:656 / 480}.text-with-compare-media{position:relative;width:100%;height:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-media-soft);overflow:hidden}.text-with-compare-layer{position:absolute;top:0;right:0;bottom:0;left:0}.text-with-compare-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.text-with-compare-layer-before{z-index:1;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.text-with-compare-line{position:absolute;top:0;bottom:0;left:var(--pos);z-index:2;width:2px;background:var(--white);transform:translate(-50%);pointer-events:none}.text-with-compare-handle{position:absolute;top:50%;left:var(--pos);z-index:3;display:flex;align-items:center;justify-content:space-between;width:9.146%;transform:translate(-50%,-50%);pointer-events:none}.text-with-compare-arrow{display:block;width:30.952%;color:var(--white);pointer-events:none}.text-with-compare-arrow svg{display:block;width:100%;height:auto;aspect-ratio:18.5714 / 37.1429}.text-with-compare-arrow-next{rotate:180deg}.text-with-compare-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;background:transparent;border-radius:var(--radius-md);cursor:ew-resize;opacity:0;touch-action:none;-webkit-appearance:none;appearance:none}.text-with-compare-range::-webkit-slider-thumb{width:1px;height:100%;-webkit-appearance:none;appearance:none}.text-with-compare-range::-moz-range-thumb{width:1px;height:100%;border:none;background:transparent}.text-with-compare-range:focus-visible{outline:3px solid var(--plum);outline-offset:-3px;opacity:1}.text-with-compare-badge{position:absolute;top:-4.913%;left:5.265%;z-index:5;width:19.628%;pointer-events:none}.text-with-compare-badge img{display:block;width:100%;height:auto}.text-with-compare-sticker{position:absolute;top:80.964%;left:-6.339%;z-index:5;width:19.508%;rotate:34.56deg;pointer-events:none}.text-with-compare-sticker img{display:block;width:100%;height:auto}@media(min-width:990px)and (max-width:1279px){.text-with-compare{--inner-pad: 60px}.text-with-compare-features{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}}@media(max-width:989px){.text-with-compare{--inner-pad: 12px;padding:var(--padding-top-mobile) 0 var(--padding-bottom-mobile)}.text-with-compare-inner{flex-direction:column;align-items:center;gap:26px}.text-with-compare-text{flex:0 0 auto;gap:18px;width:100%}.text-with-compare-copy{gap:18px}.text-with-compare-heading{font-size:var(--heading-2-mobile)}.text-with-compare-body{font-size:var(--text-base-sm)}.text-with-compare-body p+p{margin-top:18px}.text-with-compare-features{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.text-with-compare-feature{flex-direction:row;align-items:center;justify-content:flex-start}.text-with-compare-feature-icon{width:47px;height:52px}.text-with-compare-feature-label{font-size:var(--text-sm);text-align:left}.text-with-compare-media-col{flex:0 0 auto;width:100%}.text-with-compare-slider{aspect-ratio:336 / 179}.text-with-compare-media{border-radius:var(--radius-card);box-shadow:var(--shadow-media-soft-mobile)}.text-with-compare-line{width:1px}.text-with-compare-handle{width:9.821%}.text-with-compare-badge{top:-4.471%;left:85.714%;width:11.295%;rotate:7.08deg}.text-with-compare-sticker{top:87.735%;left:-2.142%;width:12.659%;rotate:17.84deg;filter:drop-shadow(var(--shadow-sticker-soft))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-text-with-compare.css.map */