@property --p{syntax:"<number>";inherits:true;initial-value:1}.vs-stage{isolation:isolate;transition:--p 1.9s var(--lp-glide);margin:0;padding:14px;overflow:hidden}.vs-stage[data-mode=glide]{transition-duration:.82s}.vs-stage[data-mode=drag]{transition:none}@media (min-width:640px){.vs-stage{padding:22px}}@media (min-width:1024px){.vs-stage{padding:28px}}.vs-labels{justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 4px 18px;display:flex}@media (min-width:640px){.vs-labels{padding:2px 2px 22px}}.vs-label{min-width:0;transition:opacity var(--lp-ms) var(--lp-ease);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.vs-label-us{text-align:right;grid-template-columns:minmax(0,1fr) auto}.vs-label-us .vs-dot{grid-area:1/2}.vs-label-us .vs-label-t{grid-area:1/1}.vs-label-us .vs-label-n,.vs-label-them .vs-label-n{grid-column:1/-1}.vs-label-t{color:var(--color-ink);font-size:15px;font-weight:500;line-height:20px}.vs-label-n{color:var(--color-ink-3);font-size:13px;line-height:18px}.vs-dot{background:#c9a99a;border-radius:99px;width:8px;height:8px}.vs-label-us .vs-dot{background:var(--brand-amethyst,#a17bef);box-shadow:0 0 12px 1px color-mix(in srgb, var(--brand-amethyst,#a17bef) 70%, transparent)}.vs-label-them{opacity:clamp(.4, calc(var(--p) * 2.4), 1)}.vs-label-us{opacity:clamp(.4, calc((1 - var(--p)) * 2.4), 1)}@media (min-width:1024px){.vs-label{align-items:baseline;gap:10px;display:flex}.vs-label .vs-dot{align-self:center}.vs-label-us{flex-direction:row-reverse}.vs-label-t{font-size:16px}.vs-label-n{font-size:14px}}.vs-compare{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative}@media (pointer:coarse){.vs-compare{cursor:default}}.vs-side-us{clip-path:inset(-40px -40px -40px calc(var(--p) * 100%));position:absolute;inset:0}.vs-side-them{clip-path:inset(-40px calc((1 - var(--p)) * 100%) -40px -40px)}.vs-side-them .vs-art{filter:saturate(.82)brightness(.96)}.vs-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;display:grid}@media (min-width:640px){.vs-posts{gap:22px 12px}}@media (min-width:1024px){.vs-posts{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}}.vs-art{border-radius:10px;overflow:hidden;box-shadow:0 18px 36px -24px #000000f2}@media (min-width:640px){.vs-art{border-radius:14px}}.vs-side-us .vs-art{box-shadow:0 22px 44px -24px #000000f2,0 0 0 1px #ffffff0f}.vs-cap{flex-direction:column;min-width:0;margin-top:8px;padding:0 2px;font-size:11px;line-height:15px;display:flex}@media (min-width:640px){.vs-cap{margin-top:10px;font-size:13px;line-height:18px}}.vs-cap>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vs-cap-b{color:var(--color-ink-2)}.vs-cap-m{color:var(--color-ink-4)}.vs-side-us .vs-cap-b{color:var(--color-ink)}.vs-side-us .vs-cap-m{color:color-mix(in srgb, var(--brand-amethyst,#a17bef) 55%, var(--color-ink-2))}.vs-line{top:-10px;bottom:-10px;left:calc(var(--p) * 100%);width:2px;box-shadow:0 0 18px 1px color-mix(in srgb, var(--brand-amethyst,#a17bef) 60%, transparent);pointer-events:none;background:linear-gradient(#fff0,#ffffffe6 12% 88%,#fff0);border-radius:2px;margin-left:-1px;position:absolute}.vs-knob{top:38%;left:clamp(22px, calc(var(--p) * 100%), calc(100% - 22px));color:#17121f;cursor:grab;touch-action:none;width:44px;height:44px;transition:scale var(--lp-ms) var(--lp-glide), box-shadow var(--lp-ms) var(--lp-ease);background:#f6f2fb;border-radius:99px;outline:none;place-items:center;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 10px 28px -8px #000000bf,0 0 0 6px #ffffff1f}.vs-knob:hover{box-shadow:0 14px 32px -8px #000c, 0 0 0 8px color-mix(in srgb, var(--brand-amethyst,#a17bef) 35%, transparent);scale:1.08}.vs-stage[data-mode=drag] .vs-compare{cursor:grabbing}.vs-stage[data-mode=drag] .vs-knob{cursor:grabbing;box-shadow:0 8px 22px -8px #000c, 0 0 0 10px color-mix(in srgb, var(--brand-amethyst,#a17bef) 40%, transparent);transition-duration:80ms;scale:.94}@media (min-width:640px){.vs-knob{width:52px;height:52px}}.vs-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:18px;padding:0 2px;display:flex}@media (min-width:640px){.vs-foot{margin-top:24px}}.vs-hint{color:var(--color-ink-3);align-items:center;gap:8px;font-size:13px;line-height:18px;display:inline-flex}@media (min-width:640px){.vs-hint{font-size:14px}}.vs-deal{height:40px;color:var(--color-ink);transition:background .16s var(--ease-out), scale .12s var(--ease-out);background:#ffffff0f;border-radius:99px;align-items:center;gap:8px;margin-left:auto;padding:0 16px;font-size:14px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.vs-deal:hover{background:#ffffff1a}.vs-deal:active{scale:.96}@media (pointer:coarse){.vs-deal{height:44px}}@media (max-width:639px){.vs-hint{flex-basis:100%}.vs-deal{order:2;justify-content:center;width:44px;padding:0}.vs-deal-t{display:none}}.vs-switch{background:#ffffff0d;border-radius:99px;gap:2px;padding:4px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0f}.vs-sw{height:34px;color:var(--color-ink-3);transition:background-color var(--lp-ms) var(--lp-ease), color var(--lp-ms) var(--lp-ease), scale 80ms;border-radius:99px;outline:none;padding:0 16px;font-size:14px}.vs-sw:hover{color:var(--color-ink);background:#ffffff0f}.vs-sw:active{scale:.95}.vs-sw[aria-pressed=true]{color:#17121f;background:#f6f2fb}.vs-sw[aria-pressed=true]:last-child{color:#fff;background:color-mix(in srgb, var(--brand-amethyst,#a17bef) 72%, #1a1320)}@media (pointer:coarse){.vs-sw{height:44px;padding:0 18px}}@media (max-width:379px){.vs-hint{display:none}.vs-switch{width:100%}.vs-sw{flex:1}}.vs-gets{gap:16px;margin-top:16px;display:grid}.vs-both{gap:22px;padding:22px 18px;display:grid}@media (min-width:640px){.vs-both{gap:28px;padding:28px}}@media (min-width:1024px){.vs-both{grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);align-items:start;gap:48px;padding:32px}}.vs-h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;color:var(--color-ink);font-size:28px;line-height:1.05}@media (min-width:640px){.vs-h3{font-size:34px}}.vs-both-note{color:var(--color-ink-3);margin-top:10px;font-size:15px;line-height:1.5}.vs-both-list{gap:6px;display:grid}@media (min-width:640px){.vs-both-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.vs-both-item{transition:background-color var(--lp-ms) var(--lp-ease);border-radius:18px;gap:14px;padding:14px;display:flex}@media (min-width:640px){.vs-both-item{padding:16px}}.vs-both-item:hover{background:#ffffff0a}.vs-ico{width:40px;height:40px;color:var(--color-ink-2);transition:color var(--lp-ms) var(--lp-ease), background-color var(--lp-ms) var(--lp-ease), translate var(--lp-lift) var(--lp-glide);background:#ffffff0d;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.vs-both-item:hover .vs-ico{color:var(--color-ink);background:#ffffff17;translate:0 -2px}.vs-item-t{color:var(--color-ink);font-size:16px;line-height:22px;display:block}.vs-item-d{color:var(--color-ink-3);text-wrap:pretty;margin-top:3px;font-size:14px;line-height:1.5;display:block}.vs-only{gap:16px;display:grid}@media (min-width:1024px){.vs-only{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:640px) and (max-width:1023px){.vs-only .vs-card{flex-direction:row;align-items:center}.vs-only .vs-vis{aspect-ratio:4/3;flex:0 0 52%}.vs-only .vs-card-body{padding:16px 22px}}.vs-card{background:radial-gradient(120% 70% at 50% 0%, #a17bef14, transparent 70%), var(--color-raise);transition:translate var(--lp-lift) var(--lp-glide), box-shadow var(--lp-ms) var(--lp-ease);flex-direction:column;padding:8px;display:flex;overflow:hidden}.vs-card:hover{translate:0 -4px;box-shadow:inset 0 0 0 1px #ffffff17,0 30px 60px -36px #000000f2}.vs-vis{isolation:isolate;aspect-ratio:16/10;border-radius:calc(var(--lp-card-r) - 8px);clip-path:inset(0 round calc(var(--lp-card-r) - 8px));background:#120f18;position:relative;overflow:hidden}.vs-fill{width:100%;height:100%;transition:scale var(--lp-blend);position:absolute;inset:0}.vs-card:hover .vs-fill{scale:1.05}.vs-fill-soft{opacity:.55;filter:blur(18px)saturate(1.2);scale:1.2}.vs-card:hover .vs-fill-soft{scale:1.26}.vs-card-body{flex-direction:column;gap:8px;padding:18px 14px 16px;display:flex}@media (min-width:640px){.vs-card-body{padding:20px 16px 18px}}.vs-tag{height:26px;color:color-mix(in srgb, var(--brand-amethyst,#a17bef) 70%, #fff);background:color-mix(in srgb, var(--brand-amethyst,#a17bef) 14%, transparent);border-radius:99px;align-self:flex-start;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.vs-card-t{font-family:var(--font-display);letter-spacing:-.012em;color:var(--color-ink);text-wrap:balance;margin-top:4px;font-size:26px;line-height:1.08}@media (min-width:1280px){.vs-card-t{font-size:30px}}.vs-card-d{color:var(--color-ink-3);text-wrap:pretty;font-size:15px;line-height:1.55}.vs-own-lock{color:#fff;-webkit-backdrop-filter:blur(10px);background:#0e0a146b;border-radius:99px;align-items:center;gap:6px;height:28px;padding:0 11px;font-size:12.5px;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:inset 0 0 0 1px #ffffff24}.vs-sample{left:auto;right:12px}.vs-own-name{color:#fff;text-shadow:0 1px 18px #00000059;flex-direction:column;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.vs-own-b{font-family:var(--font-display);letter-spacing:-.02em;font-size:34px;line-height:1}.vs-own-m{opacity:.85;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:13px;overflow:hidden}.vs-mosaic{grid-template-columns:repeat(5,1fr);gap:6px;padding:6px;display:grid;position:absolute;inset:-6px}.vs-tile{aspect-ratio:1;transition:translate var(--lp-lift) var(--lp-glide), opacity var(--lp-ms) var(--lp-ease);transition-delay:calc(var(--i) * 18ms);background:#ffffff0a;border-radius:10px;position:relative;overflow:hidden}.vs-tile>*{width:100%;height:100%;position:absolute;inset:0}.vs-card:hover .vs-tile:nth-child(odd){translate:0 -4px}.vs-card:hover .vs-tile:nth-child(2n){translate:0 4px}.vs-vis-range:after{content:"";pointer-events:none;background:radial-gradient(70% 70% at 50% 55%,#0a080eb8,#0a080e26);position:absolute;inset:0}.vs-count{z-index:1;font-family:var(--font-display);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 30px #00000080;font-variant-numeric:tabular-nums;place-items:center;font-size:64px;line-height:1;display:grid;position:absolute;inset:0}@media (min-width:768px) and (max-width:1099px){.vs-count{font-size:50px}}.vs-slip{color:var(--color-ink);-webkit-backdrop-filter:blur(14px);transition:translate var(--lp-lift) var(--lp-glide);background:#120e1aa8;border-radius:16px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:12px 14px;display:grid;position:absolute;inset:auto 14px 14px;box-shadow:inset 0 0 0 1px #ffffff1f,0 18px 40px -20px #000000e6}.vs-card:hover .vs-slip{translate:0 -4px}.vs-slip-dot{border-radius:99px;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.vs-slip-dot>*{width:100%;height:100%;position:absolute;inset:0}.vs-slip-code{font-family:var(--font-mono,ui-monospace);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.vs-slip-name{color:var(--color-ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.vs-slip-seal{color:color-mix(in srgb, var(--brand-amethyst,#a17bef) 75%, #fff)}.vs-slip-row{color:var(--color-ink-3);border-top:1px solid #ffffff14;grid-column:1/-1;justify-content:space-between;gap:12px;margin-top:8px;padding-top:8px;font-size:12.5px;line-height:16px;display:flex}.vs-slip-row+.vs-slip-row{border-top:0;margin-top:0;padding-top:6px}.vs-slip-row>span:last-child{color:var(--color-ink)}.vs-actions{margin-top:40px}@media (prefers-reduced-motion:reduce){.vs-stage,.vs-stage[data-mode=glide],.vs-card,.vs-fill,.vs-tile,.vs-slip,.vs-ico{transition:none}}