.box.svelte-12fv89o{left:var(--bz-l);top:var(--bz-t);width:var(--bz-w);z-index:4;border:1px solid var(--os-border);border-radius:calc(var(--os-add-to-cart-radius) + 4px);background:var(--os-surface);color:var(--os-foreground);box-shadow:0 14px 30px -18px var(--os-shadow);transition:border-radius var(--dur-2) var(--ease-standard);position:absolute;container-type:inline-size}.os-stage[data-animate][data-act=drop] .box.svelte-12fv89o{animation:svelte-12fv89o-os-drop var(--dur-3) var(--ease-out) both}@keyframes svelte-12fv89o-os-drop{0%{transform:translateY(16px)scale(.97)}}.inner.svelte-12fv89o{flex-direction:column;gap:3.4cqi;padding:5.5cqi;display:flex}.ref.svelte-12fv89o{height:5.2cqi;color:var(--os-muted-foreground);align-items:center;gap:2cqi;font-size:4.2cqi;font-weight:600;line-height:1;display:flex}.avatar.svelte-12fv89o{background:var(--os-pink);border-radius:50%;width:4.4cqi;height:4.4cqi}.head.svelte-12fv89o{align-items:center;gap:4cqi;display:flex}.img.svelte-12fv89o{border:1px solid var(--os-border);border-radius:calc(var(--os-add-to-cart-radius) * .8);object-fit:cover;width:24cqi;height:24cqi;transition:border-radius var(--dur-2) var(--ease-standard);flex:none}.name.svelte-12fv89o{letter-spacing:-.01em;height:2.4em;font-size:6cqi;font-weight:700;line-height:1.2;overflow:hidden}.price.svelte-12fv89o{margin-top:1cqi;font-size:4.6cqi;font-weight:600;line-height:1.2}.sizes.svelte-12fv89o{gap:1.8cqi;display:flex}.size.svelte-12fv89o{border:1px solid var(--os-chip-line);width:15.5cqi;height:9cqi;transition:border-color var(--dur-2) var(--ease-standard);border-radius:999px;place-items:center;font-size:3.9cqi;font-weight:600;line-height:1;display:grid}.size[data-on].svelte-12fv89o{border:2px solid var(--os-primary);font-weight:800}.sub.svelte-12fv89o{border:1px solid var(--os-primary);border-radius:calc(var(--os-add-to-cart-radius) * .6);height:12cqi;transition:border-color var(--dur-2) var(--ease-standard), border-radius var(--dur-2) var(--ease-standard), opacity var(--dur-2) var(--ease-standard);align-items:center;gap:2.4cqi;padding:0 3cqi;font-size:4cqi;font-weight:600;line-height:1.1;display:flex}.radio.svelte-12fv89o{border:1.2cqi solid var(--os-primary);width:3.6cqi;height:3.6cqi;transition:border-color var(--dur-2) var(--ease-standard);border-radius:50%;flex:none}.sub-label.svelte-12fv89o{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sub-price.svelte-12fv89o{font-weight:800}.actions.svelte-12fv89o{gap:2.4cqi;display:flex}.atc.svelte-12fv89o{border-radius:var(--os-add-to-cart-radius);background:var(--os-primary);height:12cqi;color:var(--os-primary-foreground);font-size:4.2cqi;font-weight:var(--os-add-to-cart-weight);letter-spacing:.08em;text-transform:uppercase;transition:background-color var(--dur-2) var(--ease-standard), color var(--dur-2) var(--ease-standard), border-radius var(--dur-2) var(--ease-standard);flex:1;place-items:center;line-height:1;display:grid}.os-stage[data-animate][data-act=links] .atc.svelte-12fv89o{animation:svelte-12fv89o-os-press .24s var(--ease-standard) 1.8s both}@keyframes svelte-12fv89o-os-press{50%{transform:scale(.94)}}.share.svelte-12fv89o{border:1px solid var(--os-chip-line);border-radius:var(--os-add-to-cart-radius);width:12cqi;height:12cqi;color:var(--os-foreground);transition:border-radius var(--dur-2) var(--ease-standard), opacity var(--dur-2) var(--ease-standard);flex:none;place-items:center;display:grid}.share.svelte-12fv89o svg:where(.svelte-12fv89o){width:5.4cqi;height:5.4cqi}[data-off].svelte-12fv89o{opacity:0}@media (width<=767px){.ref.svelte-12fv89o{display:none}}.log.svelte-1sshx8r{left:var(--cz-l);width:var(--cz-w);bottom:calc(100cqh - var(--cz-t) - var(--cz-h));z-index:2;border:1px solid var(--os-border);background:var(--os-surface);color:var(--os-foreground);box-shadow:0 12px 24px -18px var(--os-shadow);opacity:0;transition:opacity var(--dur-2) var(--ease-standard);border-radius:10px;padding:9px 11px 10px;position:absolute}.os-stage[data-act=links] .log.svelte-1sshx8r{opacity:1;transition-duration:0s}.os-stage[data-act=track] .log.svelte-1sshx8r{transition-delay:var(--dur-4)}.log[data-off].svelte-1sshx8r{opacity:0}.head.svelte-1sshx8r{color:var(--os-muted-foreground);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:700;line-height:16px;display:flex}.badge.svelte-1sshx8r{background:var(--os-blue-soft);color:var(--os-ink);border-radius:999px;padding:0 7px;font-size:10.5px}.rows.svelte-1sshx8r{grid-template-rows:repeat(3,18px);gap:2px;display:grid}.row.svelte-1sshx8r{align-items:center;gap:7px;min-width:0;display:flex}.mark.svelte-1sshx8r{background:var(--os-blue);border-radius:50%;flex:none;width:6px;height:6px}.mark[data-kind=commission].svelte-1sshx8r{background:var(--os-pink)}.text.svelte-1sshx8r{white-space:nowrap;font-size:12px;font-weight:600;line-height:18px;overflow:hidden}.args.svelte-1sshx8r{color:var(--os-muted-foreground);font-weight:500}.os-stage[data-animate][data-act=links] .log.svelte-1sshx8r{animation:svelte-1sshx8r-os-wipe .32s var(--ease-out) both}.os-stage[data-animate][data-act=links] .text.svelte-1sshx8r{animation:svelte-1sshx8r-os-wipe calc(var(--chars) * 22ms) steps(var(--chars), end) var(--at) both}.os-stage[data-animate][data-act=links] .mark.svelte-1sshx8r{animation:svelte-1sshx8r-os-pop .16s var(--ease-out) var(--at) both}@keyframes svelte-1sshx8r-os-pop{0%{transform:scale(0)}}@keyframes svelte-1sshx8r-os-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (width<=767px){.log.svelte-1sshx8r{left:auto;right:calc(100cqw - var(--cz-l) - var(--cz-w));bottom:calc(100cqh - var(--bz-t) + 28px);width:max-content;max-width:var(--cz-w);padding:6px 9px}.head.svelte-1sshx8r{display:none}.text.svelte-1sshx8r{font-size:11px}}@container (width<=309px){.log.svelte-1sshx8r{right:var(--pad);padding:5px 8px}.rows.svelte-1sshx8r{grid-template-rows:repeat(3,16px)}.mark.svelte-1sshx8r{display:none}.text.svelte-1sshx8r{font-size:10.5px;line-height:16px}}@container (width<=259px){.args.svelte-1sshx8r{display:none}}.funnel.svelte-1zur9d{left:var(--cz-l);top:var(--cz-t);width:var(--cz-w);height:var(--cz-h);z-index:3;border:1px solid var(--os-border);background:var(--os-surface);color:var(--os-foreground);box-shadow:0 16px 30px -22px var(--os-shadow);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-standard);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:absolute;container-type:size}.os-stage[data-act=track] .funnel.svelte-1zur9d{opacity:1;transition-duration:0s}.os-stage[data-animate][data-from=track]:not([data-act=track]) .funnel.svelte-1zur9d{animation:svelte-1zur9d-os-wipe-out var(--dur-3) var(--ease-in-out) backwards;transition-duration:0s}.head.svelte-1zur9d{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:800;line-height:16px;display:flex}.store.svelte-1zur9d{color:var(--os-muted-foreground);font-size:11px;font-weight:600}.stages.svelte-1zur9d,.pills.svelte-1zur9d{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stage.svelte-1zur9d{flex-direction:column;gap:1px;min-width:0;display:flex}.name.svelte-1zur9d{color:var(--os-muted-foreground);font-size:11px;font-weight:600;line-height:14px}.count.svelte-1zur9d{letter-spacing:-.01em;font-size:clamp(15px,7.5cqw,26px);font-weight:800;line-height:1.1}.band.svelte-1zur9d{flex:1;width:100%;min-height:22px}.stop-blue.svelte-1zur9d{stop-color:var(--os-blue)}.stop-pink.svelte-1zur9d{stop-color:var(--os-pink)}.pill.svelte-1zur9d{background:var(--os-blue-soft);color:var(--os-ink);border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:700;line-height:16px}.pill.svelte-1zur9d:last-child{background:var(--os-pink-soft)}.spark.svelte-1zur9d{border-top:1px solid var(--os-border);align-items:center;gap:10px;margin-top:2px;padding-top:8px;display:flex}.spark-label.svelte-1zur9d{color:var(--os-muted-foreground);flex:none;font-size:11px;font-weight:600;line-height:14px}.spark-chart.svelte-1zur9d{flex:1;height:26px}.line.svelte-1zur9d{fill:none;stroke:var(--os-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.os-stage[data-animate][data-act=track] .funnel.svelte-1zur9d{animation:svelte-1zur9d-os-wipe var(--dur-4) var(--ease-in-out) both}.os-stage[data-animate][data-act=track] .pill.svelte-1zur9d{animation:svelte-1zur9d-os-wipe .24s var(--ease-out) calc(.45s + var(--i) * 40ms) both}.os-stage[data-animate][data-act=track] .line.svelte-1zur9d{animation:svelte-1zur9d-os-draw var(--dur-4) var(--ease-out) .3s both}@keyframes svelte-1zur9d-os-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes svelte-1zur9d-os-wipe-out{0%{opacity:1;clip-path:inset(0)}to{opacity:1;clip-path:inset(0 0 0 100%)}}@keyframes svelte-1zur9d-os-draw{0%{stroke-dashoffset:1px}}@container (height<=150px){.head.svelte-1zur9d,.spark.svelte-1zur9d{display:none}.count.svelte-1zur9d{font-size:16px}.band.svelte-1zur9d{min-height:14px}}@media (width<=767px){.funnel.svelte-1zur9d{gap:3px;padding:7px 10px}}.host.svelte-1tjx8v4{inset:var(--pad);border:1px solid var(--os-border);background:var(--os-wash);border-radius:12px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.chrome.svelte-1tjx8v4{height:var(--chrome-h);background:var(--os-chrome);align-items:flex-end;padding:0 10px;display:flex}.tab.svelte-1tjx8v4{height:calc(var(--chrome-h) - 5px);background:var(--os-surface);color:var(--os-ink);letter-spacing:0;white-space:nowrap;border-radius:7px 7px 0 0;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.fav.svelte-1tjx8v4{background:var(--accent);width:7px;height:7px;transition:background-color var(--dur-2) var(--ease-standard);border-radius:2px}.page.svelte-1tjx8v4{transition:opacity var(--dur-3) var(--ease-in-out);flex:1;position:relative}[data-dim].svelte-1tjx8v4 .page:where(.svelte-1tjx8v4){opacity:.4}.skin.svelte-1tjx8v4{opacity:0;background:var(--os-surface);transition:opacity var(--dur-3) var(--ease-in-out);position:absolute;inset:0}.skin[data-on].svelte-1tjx8v4{opacity:1}.nav.svelte-1tjx8v4{height:var(--nav-h);border-bottom:1px solid var(--os-border);align-items:center;gap:8px;padding:0 52px 0 12px;display:flex}.content.svelte-1tjx8v4,.below.svelte-1tjx8v4{flex-direction:column;gap:5px;display:flex;position:absolute;overflow:hidden}.content.svelte-1tjx8v4{left:calc(var(--cz-l) - var(--pad) - 1px);top:calc(var(--cz-t) - var(--pad) - var(--chrome-h) - 1px);width:var(--cz-w);height:var(--cz-h)}.below.svelte-1tjx8v4{left:calc(var(--bz-l) - var(--pad) - 1px);top:calc(var(--bz-t) + var(--bz-h) + 18px - var(--pad) - var(--chrome-h) - 1px);bottom:calc(50px - var(--pad));width:var(--bz-w)}i.svelte-1tjx8v4{border-radius:min(var(--r), 4px);flex:none;display:block}.fill.svelte-1tjx8v4{background:var(--os-block)}.ink.svelte-1tjx8v4{background:var(--os-block-ink)}.accent.svelte-1tjx8v4{background:var(--accent)}.ghost.svelte-1tjx8v4{border:1.5px solid var(--os-block-ink)}.head.svelte-1tjx8v4{height:calc(var(--hw) + 3px);border-radius:min(var(--r), 6px);background:var(--os-block-ink)}.quote.svelte-1tjx8v4{box-shadow:-6px 0 0 -2px var(--accent);background:var(--os-block);margin:3px 0}.grow-row.svelte-1tjx8v4{flex:1;gap:8px;min-height:0;margin-top:6px;display:flex}.tile.svelte-1tjx8v4{border-radius:var(--r);flex:1}.feature.svelte-1tjx8v4{border:1px solid var(--os-border);border-radius:var(--r);background:var(--os-surface);box-shadow:inset 0 3px 0 var(--accent);flex:1}.app.svelte-1tjx8v4{gap:10px;height:100%;display:flex}.side.svelte-1tjx8v4{border-right:1px solid var(--os-border);flex-direction:column;gap:7px;width:22%;padding-right:8px;display:flex}.main.svelte-1tjx8v4{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.stats.svelte-1tjx8v4{gap:6px;margin-bottom:4px;display:flex}.card.svelte-1tjx8v4{border:1px solid var(--os-border);border-radius:var(--r);background:var(--os-surface);height:30px;box-shadow:inset 0 -10px 0 -6px var(--accent);flex:1}.chart.svelte-1tjx8v4{border:1px solid var(--os-border);border-radius:var(--r);background:var(--os-surface);flex:1;align-items:flex-end;gap:6%;min-height:0;margin-bottom:4px;padding:8px;display:flex}.bar.svelte-1tjx8v4{background:var(--accent);border-radius:2px 2px 0 0;flex:1}.skin-blog.svelte-1tjx8v4{background:var(--os-paper)}.skin-blog.svelte-1tjx8v4 .nav:where(.svelte-1tjx8v4){justify-content:center;padding-left:52px}.skin-app.svelte-1tjx8v4{background:var(--os-app)}.skin-landing.svelte-1tjx8v4{background:var(--os-landing)}.skin-landing.svelte-1tjx8v4 .nav:where(.svelte-1tjx8v4){border-bottom-color:#0000}.skin-landing.svelte-1tjx8v4 .content:where(.svelte-1tjx8v4){gap:7px}@media (width<=767px){.below.svelte-1tjx8v4{display:none}}.layer.svelte-1kdkruj{z-index:1;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-standard);position:absolute;inset:0}.os-stage[data-act=links] .layer.svelte-1kdkruj{opacity:1;transition-duration:0s}.os-stage[data-act=track] .layer.svelte-1kdkruj{transition-delay:var(--dur-4)}.layer[data-off].svelte-1kdkruj{opacity:0}.os-stage[data-act=track] :is(.route.svelte-1kdkruj,.glyph.svelte-1kdkruj){opacity:0;transition:opacity var(--dur-2) var(--ease-standard)}.route.svelte-1kdkruj{position:absolute;inset:0;overflow:visible}.dash.svelte-1kdkruj{fill:none;stroke:var(--os-blue);stroke-width:1.6px;stroke-dasharray:3 4;stroke-linecap:round}.jamie.svelte-1kdkruj{left:calc(var(--cz-l) + 2px);top:calc(var(--cz-t) + 2px);border:1px solid var(--os-pink);background:var(--os-pink-soft);height:26px;color:var(--os-ink);box-shadow:0 8px 18px -12px var(--os-shadow);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;position:absolute}@media (width>=768px){.os-stage[data-mode=full] .jamie.svelte-1kdkruj{left:auto;right:calc(100cqw - var(--cz-l) - var(--cz-w) + 2px)}}@container (width<=309px){.jamie.svelte-1kdkruj{left:var(--pad)}}.avatar.svelte-1kdkruj{background:var(--os-pink);width:18px;height:18px;color:var(--os-on-pink);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.dot.svelte-1kdkruj,.commission.svelte-1kdkruj{offset-path:var(--route);offset-rotate:0deg;position:absolute;top:0;left:0}.dot.svelte-1kdkruj{border:2px solid var(--os-surface);background:var(--os-blue);offset-distance:100%;opacity:0;border-radius:50%;width:9px;height:9px}.glyph.svelte-1kdkruj{background:var(--os-surface);width:17px;height:17px;color:var(--os-ink);box-shadow:0 0 0 1px var(--os-blue);border-radius:50%;place-items:center;margin:-8.5px 0 0 -8.5px;display:grid;position:absolute}.glyph[data-kind=order].svelte-1kdkruj{background:var(--os-ink);color:var(--os-on-ink);box-shadow:none}.glyph.svelte-1kdkruj svg:where(.svelte-1kdkruj){width:11px;height:11px}.commission.svelte-1kdkruj{offset-distance:0%;offset-anchor:left center;background:var(--os-pink);height:22px;color:var(--os-on-pink);white-space:nowrap;border-radius:999px;padding:0 8px;font-size:11.5px;font-weight:800;line-height:22px}.layer[data-side="-1"].svelte-1kdkruj .commission:where(.svelte-1kdkruj){offset-anchor:right center}.layer[data-axis=y].svelte-1kdkruj .commission:where(.svelte-1kdkruj){offset-anchor:center top}.os-stage[data-animate][data-act=links] .jamie.svelte-1kdkruj{animation:svelte-1kdkruj-os-pop .26s var(--ease-out) both}.os-stage[data-animate][data-act=links] .route.svelte-1kdkruj{animation:svelte-1kdkruj-os-fade var(--dur-3) var(--ease-out) .12s both}.os-stage[data-animate][data-act=links] .dot.svelte-1kdkruj{animation:svelte-1kdkruj-os-ride .9s linear calc(.3s + var(--i) * .3s) forwards}.os-stage[data-animate][data-act=links] .glyph.svelte-1kdkruj{animation:svelte-1kdkruj-os-pop .2s var(--ease-out) calc(1.2s + var(--i) * .3s) both}.os-stage[data-animate][data-act=links] .commission.svelte-1kdkruj{animation:svelte-1kdkruj-os-return .9s var(--ease-in-out) 1.9s both}@keyframes svelte-1kdkruj-os-pop{0%{transform:scale(0)}}@keyframes svelte-1kdkruj-os-fade{0%{opacity:0}}@keyframes svelte-1kdkruj-os-ride{0%{offset-distance:0%;opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes svelte-1kdkruj-os-return{0%{offset-distance:100%;transform:scale(0)}10%{transform:scale(1)}to{offset-distance:0%}}.os-demo.svelte-6v4mka{--os-blue:#5eb3e4;--os-blue-soft:#e1f4ff;--os-pink:#dd7c94;--os-pink-soft:#ffe6e9;--os-on-pink:#1e1b4b;--os-ink:var(--open-shop);--os-on-ink:#fff;--os-muted:#4f5368;--os-foreground:#020617;--os-muted-foreground:#64748b;--os-border:#e2e8f0;--os-surface:#fff;--os-wash:#f7f8fb;--os-chrome:#eceff5;--os-block:#e3e7ef;--os-block-ink:#c5cbd8;--os-paper:#fcfaf6;--os-app:#f4f5f9;--os-landing:linear-gradient(160deg, #eef6fd, #fdf0f3);--os-chip-bg:#ffffffb8;--os-chip-hover:#eef2f8;--os-chip-line:#cbd5e1;--os-shadow:#1e1b4b59;--os-code:#1e1b4b;--os-code-text:#c7cbe6;--os-code-muted:#a5abcf;--os-code-tag:#8fd3ff;--os-code-attr:#f6b3c8;--autotabs-progress:linear-gradient(90deg, var(--os-blue), var(--os-pink))}.os-caption.svelte-6v4mka{color:var(--os-ink);font-size:15px;font-weight:700;line-height:1.4}.os-stage.svelte-6v4mka{background:var(--os-surface);--pad:8px;--chrome-h:22px;--nav-h:24px;--cz-l:7cqw;--cz-t:calc(var(--pad) + var(--chrome-h) + var(--nav-h) + 10px);--cz-w:86cqw;--cz-h:calc(var(--bz-t) - var(--cz-t) - 8px);--bz-l:14cqw;--bz-t:42cqh;--bz-w:72cqw;--bz-h:calc(var(--bz-w) * .8);position:absolute;inset:0;overflow:hidden;container-type:size}@media (width>=768px){.os-stage.svelte-6v4mka{--pad:10px;--chrome-h:24px;--nav-h:28px;--cz-l:5cqw;--cz-t:calc(var(--pad) + var(--chrome-h) + var(--nav-h) + 12px);--cz-w:48cqw;--cz-h:calc(100cqh - var(--cz-t) - 50px);--bz-l:57.5cqw;--bz-t:var(--cz-t);--bz-w:38cqw}.os-stage[data-mode=full].svelte-6v4mka{--pad:12px;--chrome-h:28px;--nav-h:32px;--cz-l:45cqw;--cz-w:50cqw;--bz-l:5cqw;--bz-w:35cqw;--bz-h:calc(var(--bz-w) * .89)}}.os-stage[data-frozen].svelte-6v4mka *{animation-play-state:paused!important}