.pr-compare__grid{display:grid;gap:4.8rem;align-items:center}@media screen and (min-width:990px){.pr-compare__grid{grid-template-columns:.9fr 1.1fr;gap:8rem}.pr-compare__grid--flip .pr-compare__copy{order:0}.pr-compare__grid:not(.pr-compare__grid--flip) .pr-compare__copy{order:2}}.pr-compare__copy .pr-heading{margin-bottom:2rem}.pr-compare__copy .pr-lead{margin-bottom:2.8rem}.pr-compare__points{display:grid;gap:1.4rem;margin:0 0 3.6rem;padding:0;list-style:none;font-weight:600}.pr-compare__points li{display:flex;align-items:center;gap:1.2rem}.pr-compare__tick{display:grid;place-items:center;flex:none;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--pr-teal);color:#fff}.pr-compare__tick svg{width:1.5rem;height:1.5rem}pr-compare{display:block;position:relative;aspect-ratio:4 / 3.4;border-radius:var(--pr-radius-lg);overflow:hidden;background:#fff;box-shadow:var(--pr-shadow-lg);-webkit-user-select:none;user-select:none;touch-action:pan-y}.pr-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0}.pr-compare__layer img,.pr-compare__layer svg{width:100%;height:100%;object-fit:cover;display:block}.pr-compare__layer--before{clip-path:inset(0 calc(100% - var(--pr-pos)) 0 0)}.pr-compare__label{position:absolute;top:2.4rem;z-index:2;padding:.6rem 1.6rem;border-radius:10rem;background:#ffffffeb;color:var(--pr-ink);font-family:var(--font-heading-family);font-size:1.9rem;font-weight:700;pointer-events:none}.pr-compare__label--before{left:2.4rem}.pr-compare__label--after{right:2.4rem}.pr-compare__handle{position:absolute;top:0;bottom:0;left:var(--pr-pos);width:.3rem;margin-left:-.15rem;background:#fff;z-index:3;pointer-events:none}.pr-compare__knob{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:.2rem;width:6rem;height:6rem;border-radius:50%;background:var(--pr-red);color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 .6rem #ffffff73,0 1rem 2.4rem #00000040;transition:transform .3s var(--pr-ease)}.pr-compare__knob svg{width:1.8rem;height:1.8rem}pr-compare:hover .pr-compare__knob,pr-compare.is-dragging .pr-compare__knob{transform:translate(-50%,-50%) scale(1.08)}.pr-compare__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.pr-compare__range:focus-visible+.pr-compare__handle,pr-compare:focus-within .pr-compare__knob{outline:.3rem solid var(--pr-ink);outline-offset:.3rem}pr-compare{aspect-ratio:5 / 4;border-radius:1.6rem;background:#ece8e1;box-shadow:none}.pr-compare__label{top:2.4rem;padding:0;border-radius:0;background:none;color:var(--pr-ink);font-family:var(--font-body-family);font-size:1.6rem;font-weight:700;text-shadow:0 .1rem 1.2rem rgba(255,255,255,.8)}.pr-compare__label--before{left:2.8rem;color:#fff;text-shadow:0 .2rem 1.2rem rgba(0,0,0,.45)}.pr-compare__label--after{right:2.8rem}.pr-compare__handle{width:.2rem;margin-left:-.1rem;background:#ffffffe6}.pr-compare__knob{width:2.8rem;height:4.6rem;gap:.35rem;border-radius:.8rem;background:#fff;color:var(--pr-ink);box-shadow:0 .6rem 1.6rem #0000002e}.pr-compare__knob i{display:block;width:.2rem;height:1.6rem;border-radius:1rem;background:#13244a73}pr-compare:hover .pr-compare__knob,pr-compare.is-dragging .pr-compare__knob{transform:translate(-50%,-50%) scale(1.06)}.pr-compare__copy .pr-eyebrow{color:var(--pr-ink);letter-spacing:.02em;text-transform:none;font-size:1.5rem}.pr-compare__copy .pr-eyebrow:before{display:none}@media screen and (min-width:990px){.pr-compare__grid{grid-template-columns:.75fr 1.25fr;gap:6.4rem}}pr-compare{background:#ececec;box-shadow:0 2rem 4rem -3rem #13244a59}.pr-compare__label--before,.pr-compare__label--after{color:var(--pr-ink);text-shadow:none}.pr-compare__label{font-size:1.8rem}.pr-compare__handle{background:#fff;width:.25rem}pr-compare{aspect-ratio:5 / 3;background:#ececec}.pr-compare__layer img{object-fit:cover}.pr-compare__label--before,.pr-compare__label--after{color:#1a1a1a;text-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pr-compare.css.map */