.design-proof{--dp-bg: #ffffff;--dp-eyebrow: #3373b0;--dp-heading: #000000;--dp-ink: #212529;--dp-chip: #1c2127;--dp-line: #3373b0;--dp-border: #dae0e5;--dp-gap: 48px;overflow-x:clip;background:var(--dp-bg);color:var(--dp-ink);font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased}.design-proof *,.design-proof *:before,.design-proof *:after{box-sizing:border-box}.design-proof p,.design-proof h2{margin:0}.design-proof__inner{display:flex;flex-direction:column;align-items:center;gap:56px;width:min(100%,2200px);max-width:2200px;margin:0 auto;padding:var(--dp-pt, 112px) 5% var(--dp-pb, 112px)}.design-proof__heading{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:1080px;text-align:center}.design-proof__eyebrow{color:var(--dp-eyebrow);font-size:14px;font-weight:600;line-height:20px;letter-spacing:2px;text-transform:uppercase}.design-proof__title{width:100%;color:var(--dp-heading);font-family:inherit;font-size:45px;font-weight:700;line-height:54px;letter-spacing:0;text-transform:none}.design-proof__lead{width:100%;color:var(--dp-ink);font-size:25px;font-weight:400;line-height:36px}.design-proof__carousel{display:flex;flex-direction:column;align-items:center;gap:56px;width:100%;min-width:0}.design-proof__viewport{width:100%;overflow:hidden;container-type:inline-size;touch-action:pan-y}.design-proof__track{display:flex;align-items:flex-start;gap:var(--dp-gap);width:max-content;transition:transform .45s ease}.design-proof__track.is-dragging{transition:none}.design-proof__column{--dp-col-gap: 28px;position:relative;display:flex;flex:0 0 calc((100cqi - (var(--dp-gap) * 2)) / 3);flex-direction:column;gap:var(--dp-col-gap);width:calc((100cqi - (var(--dp-gap) * 2)) / 3);min-width:0}.design-proof__pair{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}.design-proof__caption{color:var(--dp-ink);font-size:18px;font-weight:700;line-height:27px}.design-proof__compare{--pos: 50%;position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--dp-border);border-radius:16px;background:#fff;touch-action:pan-y;cursor:pointer;user-select:none;-webkit-user-select:none}.design-proof__compare:focus-visible{outline:2px solid var(--dp-line);outline-offset:3px}.design-proof__shot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.design-proof__shot--empty{background:#e6eef6}.design-proof__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.design-proof__divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--pos);width:4px;background:#fff;box-shadow:0 0 6px #00000040;transform:translate(-50%);pointer-events:none}.design-proof__handle,.design-proof__chevrons{position:absolute;z-index:3;top:50%;left:var(--pos);pointer-events:none}.design-proof__handle{z-index:3}.design-proof__handle--lg{transform:translate(-34px,-31px)}.design-proof__handle--sm{display:none;transform:translate(-30px,-27px)}.design-proof__chevrons{z-index:4;transform:translate(-50%,-50%)}.design-proof__chevrons--sm{display:none}.design-proof__handle svg,.design-proof__chevrons svg,.design-proof__arrow svg{display:block;max-width:none}.design-proof__chips{position:absolute;z-index:5;right:11px;bottom:11px;left:11px;display:flex;align-items:center;justify-content:space-between;height:32px;pointer-events:none}.design-proof__chip{padding:4px 10px;border-radius:6px;background:var(--dp-chip);color:#fff;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap}.design-proof__controls{display:flex;gap:12px;align-items:center;justify-content:center}@media(min-width:992px){.design-proof__carousel:not(:has(.design-proof__column:nth-child(4))) .design-proof__controls{display:none}}.design-proof__arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:2px solid var(--dp-line);border-radius:999px;background:#fff;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.design-proof__arrow:hover:not(:disabled),.design-proof__arrow:focus-visible:not(:disabled){background:#f3f9ff}.design-proof__arrow:focus-visible{outline:2px solid var(--dp-line);outline-offset:3px}.design-proof__arrow:disabled{opacity:.35;cursor:default}@media(prefers-reduced-motion:reduce){.design-proof__track{transition:none}}@media(max-width:991px){.design-proof{--dp-gap: 16px}.design-proof__inner{align-items:stretch;gap:32px;width:100%;max-width:none;padding:var(--dp-pt-m, 64px) 24px var(--dp-pb-m, 64px)}.design-proof__heading{gap:12px;max-width:none}.design-proof__title{font-size:35px;line-height:42px}.design-proof__lead{font-size:18px;line-height:27px}.design-proof__carousel{gap:32px}.design-proof__column{--dp-col-gap: 20px;flex-basis:100cqi;width:100cqi}.design-proof__divider{width:3px}.design-proof__handle--lg,.design-proof__chevrons--lg{display:none}.design-proof__handle--sm,.design-proof__chevrons--sm{display:block}.design-proof__chip{padding:3px 7px;font-size:11px;line-height:16px}}
/*# sourceMappingURL=/cdn/shop/t/209/assets/design-proof.css.map */