.atlas-compare{max-width:var(--page-width);margin:2.4rem auto 0;padding:0 3.2rem 4rem;display:grid;grid-template-columns:1.15fr 1fr;gap:4.4rem;align-items:center}.atlas-compare__visual{position:relative;max-width:44rem;margin-inline:auto;border-radius:3px;overflow:hidden;border:1px solid var(--atlas-line);box-shadow:0 2.6rem 5rem -3.4rem #0e1b2666;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}.atlas-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0;line-height:0}.atlas-compare__layer--before{position:relative}.atlas-compare__layer--after{clip-path:inset(0 calc(100% - var(--atlas-compare-pos, 50%)) 0 0);transition:clip-path .08s linear}.atlas-compare__visual.is-dragging .atlas-compare__layer--after,.atlas-compare__visual.is-dragging .atlas-compare__handle{transition:none}.atlas-compare__img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}.atlas-compare__layer--after .atlas-compare__img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover}svg.atlas-compare__img{aspect-ratio:4 / 5;background:var(--atlas-paper-2);object-fit:cover}.atlas-compare__visual .atlas-compare__handle{display:block;position:absolute;top:0;bottom:0;left:var(--atlas-compare-pos, 50%);width:2px;margin-left:-1px;background:var(--atlas-brass);pointer-events:none;transition:left .08s linear}.atlas-compare__handle:after{content:"\27e8  \27e9";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--atlas-brass);color:var(--atlas-white);font-family:var(--atlas-font-mono);font-size:1.3rem;line-height:1;padding:.8rem 1rem;border-radius:99px;white-space:nowrap;box-shadow:0 .2rem .8rem -.2rem #0e1b2680}.atlas-compare__visual:focus-within .atlas-compare__handle:after{outline:2px solid var(--atlas-brass-bright);outline-offset:2px}.atlas-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;pointer-events:none;-webkit-appearance:none;appearance:none;background:transparent}.atlas-compare__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:100%}.atlas-compare__range::-moz-range-thumb{width:1px;height:100%;border:0;background:transparent}.atlas-compare__kicker{font-family:var(--atlas-font-mono);font-size:1.1rem;letter-spacing:.3em;color:var(--atlas-brass);text-transform:uppercase}.atlas-compare__heading{font-family:var(--atlas-font-display);font-weight:300;font-optical-sizing:auto;font-size:3.8rem;margin:1.4rem 0;line-height:1.15;letter-spacing:-.01em}.atlas-compare__body{color:var(--atlas-muted);margin:0 0 2.2rem;line-height:1.55}.atlas-compare__btn{display:inline-block;padding:1.5rem 3.4rem;border:1px solid var(--atlas-ink);color:var(--atlas-ink);font-family:var(--atlas-font-sans);font-size:1.3rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,color .2s ease}.atlas-compare__btn:hover,.atlas-compare__btn:focus-visible{background:var(--atlas-ink);color:var(--atlas-paper)}@media screen and (max-width:980px){.atlas-compare{grid-template-columns:1fr;gap:3.2rem;padding:0 1.6rem 3.2rem}.atlas-compare__heading{font-size:3rem}}@media(prefers-reduced-motion:reduce){.atlas-compare__layer--after,.atlas-compare__handle,.atlas-compare__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/atlas-compare.css.map */