.cmp{padding-top:var(--cmp-padding-top, 64px);padding-bottom:var(--cmp-padding-bottom, 64px);background-color:rgb(var(--color-background))}.cmp__inner{max-width:1400px;margin-inline:auto;padding-inline:20px}.cmp__head{text-align:center;margin-bottom:36px}.cmp__eyebrow{margin:0 0 14px;font-size:1.3rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8a877f}.cmp__heading{margin:0 auto 16px;max-width:18ch;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(3rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.035em;color:#0a0a0a}.cmp__subtitle{margin:0 auto;max-width:56ch;font-size:1.6rem;line-height:1.6;color:#6f6c66}.cmp__slider{position:relative;display:block;border-radius:var(--cmp-radius, 22px);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;background-color:#e7e5e0;box-shadow:0 10px 30px #14120c14,0 40px 90px #14120c1a}.cmp__media{position:absolute;top:0;right:0;bottom:0;left:0}.cmp__media img,.cmp__media .placeholder{width:100%;height:100%;object-fit:cover;display:block}.cmp__media--after{position:relative}.cmp__media--after img,.cmp__media--after .placeholder{aspect-ratio:3 / 4}.cmp__media--before{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.cmp--anim .cmp__media--before{transition:clip-path .45s ease}.cmp--anim .cmp__divider,.cmp--anim .cmp__handle{transition:left .45s ease}.cmp__label{position:absolute;top:18px;font-size:1.5rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3);pointer-events:none}.cmp__label--before{left:20px}.cmp__label--after{right:20px}.cmp__sparkle{position:absolute;right:22px;bottom:22px;color:#fff;pointer-events:none}.cmp__sparkle svg{width:26px;height:26px}.cmp__divider{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:2px;transform:translate(-1px);background-color:#ffffffe6;pointer-events:none}.cmp__handle{position:absolute;top:50%;left:var(--pos, 50%);transform:translate(-50%,-50%);width:46px;height:46px;border:none;border-radius:50%;background-color:#fff;color:#0a0a0a;box-shadow:0 4px 14px #14120c40;cursor:ew-resize;display:flex;align-items:center;justify-content:center;touch-action:none}.cmp__handle svg{width:16px;height:16px}.cmp__handle:focus-visible{outline:2px solid #f0c417;outline-offset:3px}@media screen and (min-width:750px){.cmp__media--after img,.cmp__media--after .placeholder{aspect-ratio:16 / 9}}@media screen and (min-width:990px){.cmp__inner{padding-inline:32px}.cmp__head{margin-bottom:44px}.cmp__label{top:22px;font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-compare-slider.css.map */