.dop-vs{background:var(--dop-surface, #FFFFFF);color:var(--dop-ink, #1A1A1A);padding:var(--dop-section-y, 36px) 0;border-top:1px solid var(--dop-line, #E8E8E8);font-family:var(--dop-sans, ui-sans-serif, system-ui, sans-serif)}.dop-vs-inner{max-width:1120px;margin:0 auto;padding:0 var(--dop-gut, 24px);position:relative}.dop-vs-eyebrow{font-family:var(--dop-mono, ui-sans-serif, system-ui, sans-serif);font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dop-ink-3, #737373);text-align:center;margin:0 0 28px;display:flex;align-items:center;justify-content:center;gap:16px}.dop-vs-eyebrow:before,.dop-vs-eyebrow:after{content:"";flex:0 0 auto;width:40px;height:1px;background:var(--dop-line-2, #D9D9D9)}.dop-vs-headline{font-family:var(--dop-serif, ui-sans-serif, system-ui, sans-serif);font-weight:600;font-size:56px;line-height:1.04;letter-spacing:-.025em;color:var(--dop-ink, #1A1A1A);margin:0 auto;text-align:center;max-width:20ch;text-wrap:balance}.dop-vs-subhead{font-family:var(--dop-sans, ui-sans-serif, system-ui, sans-serif);font-weight:400;font-size:18px;line-height:1.5;color:var(--dop-ink-2, #3A3A3A);text-align:center;margin:20px auto 0;max-width:54ch;letter-spacing:-.005em;text-wrap:pretty}.dop-vs-slider-wrap{margin-top:16px}.dop-vs-slider{position:relative;width:100%;aspect-ratio:1 / 1;margin:0 auto;user-select:none;-webkit-user-select:none;cursor:ew-resize;overflow:hidden;background:#e8e5de;touch-action:pan-y;--slider-pos: 50%}.dop-vs-slider-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.dop-vs-slider-img img{width:100%;height:100%;object-fit:cover;display:block}.dop-vs-slider-right{z-index:1}.dop-vs-slider-left{z-index:2;clip-path:inset(0 calc(100% - var(--slider-pos)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--slider-pos)) 0 0)}.dop-vs-corner{position:absolute;top:24px;font-family:var(--dop-mono, ui-sans-serif, system-ui, sans-serif);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#fff;padding:9px 14px;z-index:3;pointer-events:none}.dop-vs-corner-left{left:24px;background:var(--dop-accent, #F26419);box-shadow:0 1px 2px #0000001a}.dop-vs-corner-right{right:24px;background:#1a1a1ac7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #0000002e}.dop-vs-divider{position:absolute;top:0;bottom:0;left:var(--slider-pos);width:2px;background:#fff;transform:translate(-1px);box-shadow:0 0 0 1px #0000000f,0 2px 18px #0000002e;pointer-events:none;z-index:4}.dop-vs-handle{position:absolute;top:50%;left:var(--slider-pos);transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 4px 16px #00000038,0 0 0 1px #0000000a;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--dop-ink, #1A1A1A);z-index:5;border:0;padding:0;cursor:ew-resize}.dop-vs-handle:focus-visible{outline:2px solid var(--dop-accent, #F26419);outline-offset:4px}.dop-vs-handle svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.dop-vs-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);background:#0000009e;color:#fff;font-family:var(--dop-mono, ui-sans-serif, system-ui, sans-serif);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;padding:9px 18px;border-radius:999px;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:4;transition:opacity .25s ease}.dop-vs-slider[data-moved=true] .dop-vs-hint{opacity:0}@media(prefers-reduced-motion:reduce){.dop-vs-hint{transition:none}}.dop-vs-table{margin-top:16px;display:grid;grid-template-columns:1fr 1fr}.dop-vs-colhead{font-family:var(--dop-mono, ui-sans-serif, system-ui, sans-serif);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:26px 32px}.dop-vs-colhead-left{background:var(--dop-accent, #F26419);color:#fff}.dop-vs-colhead-right{background:#f7f5f0;color:var(--dop-ink-3, #737373);border-bottom:1px solid var(--dop-line-2, #D9D9D9)}.dop-vs-cell{padding:30px 32px;border-bottom:1px solid var(--dop-line, #ECECEC);display:flex;align-items:flex-start;gap:18px}.dop-vs-cell-left{background:var(--dop-surface, #FFFFFF)}.dop-vs-cell-right{background:#f7f5f0}.dop-vs-cell-icon{flex-shrink:0;margin-top:2px}.dop-vs-cell-icon svg{width:22px;height:22px;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}.dop-vs-cell-left .dop-vs-cell-icon svg{stroke:var(--dop-ink, #1A1A1A)}.dop-vs-cell-right .dop-vs-cell-icon{opacity:.78}.dop-vs-cell-right .dop-vs-cell-icon svg{stroke:var(--dop-ink-3, #737373)}.dop-vs-cell-text{display:flex;flex-direction:column;gap:6px;min-width:0}.dop-vs-cell-title{font-family:var(--dop-sans, ui-sans-serif, system-ui, sans-serif);font-weight:600;font-size:18px;line-height:1.3;color:var(--dop-ink, #1A1A1A);letter-spacing:-.012em}.dop-vs-cell-desc{font-family:var(--dop-sans, ui-sans-serif, system-ui, sans-serif);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:-.005em;text-wrap:pretty}.dop-vs-cell-left .dop-vs-cell-desc{color:var(--dop-ink-2, #3A3A3A)}.dop-vs-cell-right .dop-vs-cell-desc{color:var(--dop-ink-3, #737373)}.dop-vs-kicker{font-family:var(--dop-sans, ui-sans-serif, system-ui, sans-serif);font-weight:500;font-size:21px;line-height:1.45;color:var(--dop-ink, #1A1A1A);text-align:center;margin:16px auto 0;max-width:40ch;letter-spacing:-.012em;text-wrap:balance}@media(max-width:768px){.dop-vs-eyebrow{font-size:11px;margin-bottom:20px;gap:12px}.dop-vs-eyebrow:before,.dop-vs-eyebrow:after{width:28px}.dop-vs-headline{font-size:32px;line-height:1.1;max-width:22ch}.dop-vs-subhead{font-size:15px;margin-top:14px;max-width:40ch}.dop-vs-corner{top:14px;font-size:10.5px;padding:7px 12px}.dop-vs-corner-left{left:14px}.dop-vs-corner-right{right:14px}.dop-vs-handle{width:48px;height:48px}.dop-vs-handle svg{width:14px;height:14px}.dop-vs-hint{bottom:18px;font-size:10.5px;padding:7px 14px}.dop-vs-colhead{font-size:11px;padding:12px 10px;letter-spacing:.12em}.dop-vs-cell{padding:14px 10px;gap:8px}.dop-vs-cell-icon svg{width:16px;height:16px}.dop-vs-cell-title{font-size:14.5px}.dop-vs-cell-desc{font-size:13px;line-height:1.45}.dop-vs-kicker{font-size:16px;max-width:38ch}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dopamiles-vs-cheap.css.map */