@layer theme,base;@layer components{.col-stage{gap:calc(var(--spacing) * 5);grid-template-columns:minmax(0,1fr);grid-template-areas:"device""controls""variants";min-width:0;display:grid}.col-stage>*{min-width:0}@media (min-width:64rem){.col-stage{column-gap:calc(var(--spacing) * 10);row-gap:calc(var(--spacing) * 8);grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"controls device""variants variants";align-items:start}}.col-device{--device-crop-height:22.5rem;grid-area:device}.col-on-desktop{display:none}@media (min-width:64rem){.col-on-desktop{display:block}.col-on-mobile{display:none}}.col-controls{align-content:start;gap:calc(var(--spacing) * 4);grid-area:controls;display:grid}@media (min-width:64rem){.col-controls{gap:calc(var(--spacing) * 6);border-radius:var(--radius-lg);background:var(--color-paper);padding:calc(var(--spacing) * 6);box-shadow:var(--shadow-soft)}}.col-segment{gap:calc(var(--spacing) * 1);background:var(--color-paper);padding:calc(var(--spacing) * 1);box-shadow:var(--shadow-hairline);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.col-segment button{min-height:calc(var(--spacing) * 10);font-size:var(--text-caption);color:var(--color-text-2);border-radius:999px;font-weight:500}.col-segment button[aria-pressed=true]{background:var(--color-cloud);color:var(--color-ink);font-weight:600}@media (min-width:64rem){.col-segment{display:none}}.col-group{gap:calc(var(--spacing) * 3);display:none}.col-group[data-shown]{display:grid}@media (min-width:64rem){.col-group{display:grid}}.col-legend{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-caption);color:var(--color-ink);font-weight:600}@media (max-width:63.99rem){.col-legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.col-options{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.col-options[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.col-chip{min-width:0;min-height:calc(var(--spacing) * 10);justify-content:center;align-items:center;gap:calc(var(--spacing) * 1.5);background:var(--color-paper);padding-inline:calc(var(--spacing) * 2);box-shadow:var(--shadow-hairline);font-size:var(--text-caption);color:var(--color-text-2);text-align:center;cursor:pointer;transition:background-color var(--duration-micro) var(--ease-out-expo);border-radius:999px;font-weight:500;display:flex;position:relative}.col-chip:after{content:"";position:absolute;inset:-2px 0}.col-chip[data-checked]{box-shadow:none;outline:1px solid var(--color-violet-line);outline-offset:-1px;color:var(--color-ink);font-weight:600}.col-chip:has(input:checked){box-shadow:none;outline:1px solid var(--color-violet-line);outline-offset:-1px;color:var(--color-ink);font-weight:600}.col-check{color:var(--color-violet-ink);flex:none;display:none}.col-chip[data-checked] .col-check{display:block}.col-chip:has(input:checked) .col-check{display:block}.col-chip:has(input:focus-visible){outline:2px solid var(--color-violet-ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.col-chip:hover{color:var(--color-ink)}}.col-note{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-3)}.col-error{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-danger)}.col-field{gap:calc(var(--spacing) * 2);display:grid}.col-field+.col-field{margin-top:calc(var(--spacing) * 3)}.col-field>label{font-size:var(--text-caption);color:var(--color-ink);font-weight:600}.col-input{width:100%;height:calc(var(--spacing) * 11);border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-paper);padding-inline:calc(var(--spacing) * 3);font:inherit;font-size:var(--text-body);color:var(--color-ink)}.col-input::placeholder{color:var(--color-text-3)}.col-input:focus-visible{outline:2px solid var(--color-violet-ink);outline-offset:3px}.col-stepper{align-items:center;gap:calc(var(--spacing) * .5);display:flex}.col-price-input{text-align:center;font-variant-numeric:tabular-nums;width:7em}.col-step{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);color:var(--color-ink);touch-action:manipulation;border-radius:999px;place-items:center;display:grid}.col-step>span{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);background:var(--color-cloud);border-radius:999px;place-items:center;display:grid}.col-summary{font-size:var(--text-body);color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:500}.col-actions{align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 5);flex-wrap:wrap;display:flex}.col-actions [aria-disabled=true]{opacity:.5}@media (max-width:63.99rem){.col-activate{background-image:linear-gradient(var(--color-paper), var(--color-paper));box-shadow:var(--shadow-hairline)}}.col-shop{padding:1.2em 1.1em 1.8em}.col-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:1em;display:grid}.col-cover{background:var(--st-surface);border-radius:.6em;display:block;overflow:hidden}.col-featured-text{justify-items:start;gap:.45em;display:grid}.col-badge{background:var(--st-accent);color:var(--st-button-ink);border-radius:999px;padding:.25em .7em;font-size:1em;font-weight:600}.col-featured-name{font-size:1.7em}.col-price{font-variant-numeric:tabular-nums;font-size:1.1em;font-weight:600}.col-status{color:var(--st-muted);flex-wrap:wrap;align-items:center;gap:.2em .5em;font-size:1em;font-weight:600;display:inline-flex}.col-status[data-active]{color:var(--st-ink)}.col-status-note{font-weight:400}.col-collection{margin-top:1.4em;font-size:1.25em}.col-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2em .9em;margin-top:.7em;display:grid}.col-card{align-content:start;justify-items:start;gap:.4em;display:grid}.col-card .col-cover{width:100%}html[data-motion=on] .col-card{animation:col-enter var(--duration-ui) var(--ease-out-expo) both}.col-card-name{font-weight:600}.col-feature{border:1px solid var(--st-line);color:var(--st-ink);cursor:pointer;border-radius:999px;padding:.3em .8em;font-size:1em;font-weight:600;position:relative}.col-feature:after{content:"";position:absolute;inset:-12px -4px}.col-feature:focus-visible{outline:2px solid var(--color-violet-ink);outline-offset:2px}[data-collection-preview=desktop] .col-shop{padding:2.6em 3em 3.2em}[data-collection-preview=desktop] .col-featured{gap:3.5em}[data-collection-preview=desktop] .col-featured-text{gap:.9em}[data-collection-preview=desktop] .col-badge,[data-collection-preview=desktop] .col-status,[data-collection-preview=desktop] .col-feature{font-size:1.15em}[data-collection-preview=desktop] .col-featured-name{font-size:4.6em}[data-collection-preview=desktop] .col-price{font-size:1.8em}[data-collection-preview=desktop] .col-collection{margin-top:2.6em;font-size:2.4em}[data-collection-preview=desktop] .col-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4em 2em;margin-top:1em}[data-collection-preview=desktop] .col-card-name{font-size:1.35em}.col-garment{aspect-ratio:1;display:block;position:relative}.col-photo,.col-photo-img{width:100%;height:100%;display:block}.col-photo-img{object-fit:cover}[data-garment=poster] .col-photo-img{object-position:62% 50%}[data-garment=zine] .col-photo-img{object-position:60% 50%}.col-print{color:var(--color-cloud);clip-path:inset(-50%);place-items:center;display:grid;position:absolute;inset:17% 30% 62%;container-type:inline-size}.col-print:not([data-printed]){clip-path:inset(-50% 150% -50% -50%)}html[data-motion=on] .col-print{transition:clip-path var(--duration-reveal) var(--ease-out-expo)}.col-word{font-family:var(--st-display);font-size:min(30cqi, calc(100cqi / max(var(--chars), 3)));font-weight:var(--st-display-weight);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;line-height:1}.col-mono{width:48cqi;height:auto}.col-mono text{font-family:var(--st-display);letter-spacing:.04em;font-size:13px;font-weight:600}.col-line{width:92cqi;height:auto}.col-upload{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.col-variants{border-radius:var(--radius-lg);background:var(--color-paper);box-shadow:var(--shadow-soft);grid-area:variants}.col-variants>summary{min-height:calc(var(--spacing) * 14);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 5);font-size:var(--text-body-s);color:var(--color-ink);font-weight:600;display:flex}.col-variants>summary:focus-visible{outline-offset:-3px;border-radius:var(--radius-lg)}.col-variants-icon{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);background:var(--color-cloud);transition:transform var(--duration-ui) var(--ease-out-expo);border-radius:999px;place-items:center;display:grid}.col-variants[open] .col-variants-icon{transform:rotate(45deg)}.col-variants table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--text-caption);color:var(--color-text-2)}.col-variants th:first-child{width:28%}.col-variants th:nth-child(2){width:17%}.col-variants th:nth-child(4){width:21%}.col-variants caption{padding:0 calc(var(--spacing) * 5) calc(var(--spacing) * 3);text-align:left;font-size:var(--text-caption);color:var(--color-text-3)}.col-variants th,.col-variants td{border-top:1px solid var(--color-line);padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 2);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.col-variants th:first-child,.col-variants td:first-child{padding-left:calc(var(--spacing) * 5)}@media (max-width:22.49rem){.col-variants table{font-size:var(--text-note)}.col-variants th,.col-variants td{padding-inline:calc(var(--spacing) * 1.5)}.col-variants th:first-child,.col-variants td:first-child{padding-left:calc(var(--spacing) * 3)}}.col-variants th{color:var(--color-ink);font-weight:600}.col-sku{font-family:var(--font-mono);font-size:var(--text-note)}.col-num{font-variant-numeric:tabular-nums}.col-more{border-top:1px solid var(--color-line);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 5) calc(var(--spacing) * 4);font-size:var(--text-caption);color:var(--color-text-3)}}@layer utilities;@keyframes col-enter{0%{opacity:0;transform:scale(.96)}}
@layer theme,base;@layer components{.chn-stage{gap:calc(var(--spacing) * 4);display:grid}@media (min-width:64rem){.chn-stage{gap:calc(var(--spacing) * 6);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.chn-card{border-radius:var(--radius-lg);background:var(--color-paper);padding:calc(var(--spacing) * 5);box-shadow:var(--shadow-soft)}@media (min-width:64rem){.chn-card{padding:calc(var(--spacing) * 7)}}.chn-product{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.chn-product-tile{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);border-radius:var(--radius-md);background:var(--color-cloud);flex-shrink:0;place-items:center;display:grid}.chn-product-render{width:88%;height:88%}.chn-product-text{gap:calc(var(--spacing) * .5);display:grid}.chn-product-name{font-size:var(--text-body);color:var(--color-ink);font-weight:600}.chn-product-meta{font-size:var(--text-caption);color:var(--color-text-2)}.chn-legend{margin-top:calc(var(--spacing) * 6);font-size:var(--text-caption);color:var(--color-text-2);font-weight:600}.chn-list{margin-top:calc(var(--spacing) * 2)}.chn-channel{min-height:calc(var(--spacing) * 14);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);border-top:1px solid var(--color-line);padding-block:calc(var(--spacing) * 1.5);display:flex}.chn-channel:last-child{border-bottom:1px solid var(--color-line)}.chn-channel-text{gap:calc(var(--spacing) * .5);min-width:0;display:grid}.chn-always{color:var(--color-positive);flex:none}.chn-channel-name{font-size:var(--text-body-s);color:var(--color-ink);font-weight:600}.chn-channel-status{font-size:var(--text-note);line-height:var(--text-note--line-height);color:var(--color-text-3)}.chn-note{margin-top:calc(var(--spacing) * 4);font-size:var(--text-note);line-height:var(--text-note--line-height);color:var(--color-text-3)}.chn-actions{align-items:center;gap:calc(var(--spacing) * 3) calc(var(--spacing) * 4);margin-top:calc(var(--spacing) * 5);flex-wrap:wrap;display:flex}@media (max-width:63.99rem){.chn-simulate{width:100%}}.chn-hint{font-size:var(--text-caption);color:var(--color-violet-ink);font-weight:500}.chn-hint[data-hidden]{visibility:hidden}.chn-stack{display:grid}.chn-stack>*{grid-area:1/1;min-width:0}.chn-ghost{visibility:hidden;pointer-events:none}.chn-orders-title{font-size:var(--text-body);color:var(--color-ink);font-weight:600}.chn-table{border-collapse:collapse;width:100%}.chn-table caption{caption-side:top;padding:calc(var(--spacing) * 1) 0 calc(var(--spacing) * 4);text-align:left;font-size:var(--text-note);color:var(--color-text-3)}.chn-table th,.chn-table td{padding:calc(var(--spacing) * 2) 0;text-align:left;vertical-align:middle}.chn-table thead th{border-bottom:1px solid var(--color-line);font-size:var(--text-note);color:var(--color-text-3);padding-top:0;font-weight:500}.chn-table .chn-end{padding-left:calc(var(--spacing) * 3);text-align:right}.chn-order{position:relative}.chn-order>th,.chn-order>td{border-bottom:1px solid var(--color-line);font-size:var(--text-body-s);color:var(--color-text-2)}.chn-order[data-open]>th,.chn-order[data-open]>td{border-bottom-color:#0000}.chn-order-button{min-height:calc(var(--spacing) * 11);align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-body-s);color:var(--color-ink);cursor:pointer;font-weight:600;display:inline-flex}.chn-order-button:after{content:"";border-radius:var(--radius-sm);position:absolute;inset:0}.chn-order-button:focus-visible{outline:none}.chn-order-button:focus-visible:after{outline:2px solid var(--color-violet-ink);outline-offset:-2px}.chn-chevron{color:var(--color-text-3);transition:transform var(--duration-ui) var(--ease-out-expo);flex-shrink:0}.chn-order[data-open] .chn-chevron{transform:rotate(90deg)}.chn-source{isolation:isolate;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2.5);margin-left:calc(var(--spacing) * -1);border-radius:999px;position:relative}.chn-source:before{content:"";z-index:-1;border-radius:inherit;background:var(--color-violet-soft);opacity:0;position:absolute;inset:0}.chn-result{color:var(--color-ink);font-weight:600}.chn-num{font-variant-numeric:tabular-nums}html[data-motion=on] .chn-order[data-fresh]>th,html[data-motion=on] .chn-order[data-fresh]>td{animation:chn-enter var(--duration-reveal) var(--ease-out-expo) both}html[data-motion=on] .chn-order[data-fresh] .chn-source:before{animation:2.2s linear both chn-highlight}.chn-detail-row>td{border-bottom:1px solid var(--color-line);padding:0 0 calc(var(--spacing) * 4)}.chn-detail{border-radius:var(--radius-md);background:var(--color-cloud);padding:calc(var(--spacing) * 4)}html[data-motion=on] .chn-detail{animation:chn-open var(--duration-ui) var(--ease-out-expo) both}.chn-chain{gap:calc(var(--spacing) * 1.5);font-size:var(--text-caption);display:grid}.chn-chain-row{justify-content:space-between;gap:calc(var(--spacing) * 3);color:var(--color-text-2);display:flex}.chn-chain-row>dt{gap:calc(var(--spacing) * 2);display:flex}.chn-op{width:calc(var(--spacing) * 3);text-align:center;color:var(--color-text-3);font-weight:600;display:inline-block}.chn-chain-row[data-row=margin],.chn-chain-row[data-row=result]{border-top:1px solid var(--color-line);padding-top:calc(var(--spacing) * 1.5);color:var(--color-ink);font-weight:600}.chn-chain-row[data-row=result]>dd{color:var(--color-violet-ink)}.chn-process{gap:calc(var(--spacing) * 1) calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 4);font-size:var(--text-note);color:var(--color-text-2);flex-wrap:wrap;display:flex}.chn-process>li{align-items:center;gap:calc(var(--spacing) * 2);display:inline-flex}.chn-process>li+li:before{content:"";width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1);background:var(--color-line-strong);border-radius:999px}.chn-detail .chn-note{margin-top:calc(var(--spacing) * 3)}.chn-fee{color:var(--color-text-2);font-weight:500}}@layer utilities;@keyframes chn-enter{0%{opacity:0;transform:translateY(-8px)}}@keyframes chn-highlight{0%,91%{opacity:1}to{opacity:0}}@keyframes chn-open{0%{opacity:0;transform:translateY(-4px)}}
@layer theme,base;@layer components{.onb-stage{gap:calc(var(--spacing) * 4);grid-template-areas:"steps""device""panel";display:grid}@media (min-width:64rem){.onb-stage{column-gap:calc(var(--spacing) * 10);grid-template:"steps device""panel device"1fr/minmax(0,5fr) minmax(0,7fr);row-gap:0}}.onb-steps-area{grid-area:steps}.onb-panel{align-content:start;gap:calc(var(--spacing) * 4);border-radius:var(--radius-lg);background:var(--color-paper);padding:calc(var(--spacing) * 5);box-shadow:var(--shadow-soft);grid-area:panel;display:grid}@media (min-width:64rem){.onb-steps-area{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-paper);padding:calc(var(--spacing) * 6) calc(var(--spacing) * 7) calc(var(--spacing) * 4);box-shadow:var(--shadow-soft);clip-path:inset(-40px -40px 0)}.onb-panel{min-height:calc(var(--spacing) * 116);border-top:1px solid var(--color-line);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:calc(var(--spacing) * 6) calc(var(--spacing) * 7) calc(var(--spacing) * 7);clip-path:inset(0 -40px -40px)}}.onb-account{align-items:center;gap:calc(var(--spacing) * 1) calc(var(--spacing) * 2);font-size:var(--text-caption);color:var(--color-text-2);flex-wrap:wrap;display:flex}.onb-account strong{color:var(--color-ink);font-weight:600}.onb-steps{gap:calc(var(--spacing) * 1);margin-top:calc(var(--spacing) * 3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.onb-step>:first-child{width:100%;min-height:calc(var(--spacing) * 12);align-content:center;justify-items:center;gap:calc(var(--spacing) * 1);border-radius:var(--radius-sm);padding:calc(var(--spacing) * 1);font-size:var(--text-note);color:var(--color-text-3);text-align:center;font-weight:500;line-height:1.2;display:grid}.onb-step[data-state=current]>:first-child{color:var(--color-ink);font-weight:600}.onb-step[data-state=done]>:first-child{color:var(--color-text-2)}.onb-step button:not(:disabled){cursor:pointer}@media (hover:hover) and (pointer:fine){.onb-step button:not(:disabled):hover{background:var(--color-cloud)}}.onb-dot{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);background:var(--color-paper);box-shadow:var(--shadow-hairline);font-size:var(--text-note);font-variant-numeric:tabular-nums;color:var(--color-text-2);border-radius:999px;place-items:center;font-weight:600;display:grid}.onb-step[data-state=current] .onb-dot{background:var(--color-violet-soft);box-shadow:none;outline:1px solid var(--color-violet-line);outline-offset:-1px;color:var(--color-violet-ink)}.onb-step[data-state=done] .onb-dot,.onb-check{background:var(--color-violet-soft);color:var(--color-violet-ink);box-shadow:none}@media (min-width:64rem){.onb-steps{margin-top:calc(var(--spacing) * 4);grid-template-columns:minmax(0,1fr);gap:0}.onb-step>:first-child{min-height:calc(var(--spacing) * 11);justify-content:flex-start;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-body-s);text-align:left;display:flex}.onb-step+.onb-step{border-top:1px solid var(--color-line)}}.onb-device{align-content:start;justify-items:center;gap:calc(var(--spacing) * 4);--device-crop-height:23.75rem;grid-area:device;display:grid}@media (min-width:64rem){.onb-device{--device-crop-height:100svh}}.onb-status{justify-content:center;gap:calc(var(--spacing) * 1.5);flex-wrap:wrap;display:flex}.onb-chip{height:calc(var(--spacing) * 7);align-items:center;gap:calc(var(--spacing) * 1.5);background:var(--color-paper);padding-inline:calc(var(--spacing) * 2) calc(var(--spacing) * 3);box-shadow:var(--shadow-hairline);font-size:var(--text-note);color:var(--color-text-2);border-radius:999px;font-weight:600;display:inline-flex}.onb-chip>span{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);background:var(--color-cloud);color:#0000;border-radius:999px;place-items:center;display:grid}.onb-chip[data-done]>span{background:var(--color-violet-soft);color:var(--color-violet-ink)}html[data-motion=on] .onb-chip>span{transition:background-color var(--duration-ui) var(--ease-out-expo), color var(--duration-ui) var(--ease-out-expo);transition-delay:calc(var(--tick,0) * 1ms)}.onb-empty{height:100%;min-height:28rem;padding:calc(var(--spacing) * 8);font-size:var(--text-caption);color:var(--color-text-3);text-align:center;place-items:center;display:grid}html[data-motion=on] .onb-appear{animation:onb-appear var(--duration-reveal) var(--ease-out-expo) both}.onb-title{font-size:var(--text-title);line-height:var(--text-title--line-height);letter-spacing:var(--text-title--letter-spacing);color:var(--color-ink);font-weight:500}.onb-title:focus{outline:none}.onb-text{font-size:var(--text-body-s);line-height:var(--text-body-s--line-height);color:var(--color-text-2)}.onb-note{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-text-3)}.onb-row{align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 5);flex-wrap:wrap;display:flex}.onb-badge{height:calc(var(--spacing) * 7);align-items:center;gap:calc(var(--spacing) * 2);background:var(--color-positive-soft);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-caption);color:var(--color-positive);border-radius:999px;font-weight:600;display:inline-flex}.onb-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.onb-field{gap:calc(var(--spacing) * 2);display:grid}.onb-field>label,.onb-legend{font-size:var(--text-caption);color:var(--color-ink);font-weight:600}.onb-input{width:100%;height:calc(var(--spacing) * 12);border:1px solid var(--color-control);border-radius:var(--radius-sm);background:var(--color-paper);padding-inline:calc(var(--spacing) * 3.5);font:inherit;font-size:var(--text-body);color:var(--color-ink)}.onb-input::placeholder{color:var(--color-text-3)}.onb-input:focus-visible{outline:2px solid var(--color-violet-ink);outline-offset:3px}.onb-examples{gap:calc(var(--spacing) * 2);display:grid}.onb-chip-button{width:100%;min-height:calc(var(--spacing) * 11);border-radius:var(--radius-md);background:var(--color-cloud);padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 4);text-align:left;font-size:var(--text-caption);color:var(--color-text-2);cursor:pointer;transition:background-color var(--duration-micro) var(--ease-out-expo);align-items:center;font-weight:500;display:flex}.onb-chip-button[aria-pressed=true]{background:var(--color-paper);outline:1px solid var(--color-violet-line);outline-offset:-1px;color:var(--color-ink);font-weight:600}.onb-chip-button:focus-visible{outline:2px solid var(--color-violet-ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.onb-chip-button:hover{background:var(--color-fog);color:var(--color-ink)}}.onb-choice{grid-template-columns:repeat(var(--count,3), minmax(0, 1fr));gap:calc(var(--spacing) * 1);border-radius:var(--radius-sm);background:var(--color-cloud);padding:calc(var(--spacing) * 1);display:grid}.onb-choice label{min-height:calc(var(--spacing) * 10);border-radius:calc(var(--radius-sm) - 4px);font-size:var(--text-caption);color:var(--color-text-2);cursor:pointer;place-items:center;font-weight:500;display:grid}.onb-choice label:has(input:checked){background:var(--color-paper);box-shadow:var(--shadow-soft);color:var(--color-ink);font-weight:600}:is(.onb-choice label:has(input:focus-visible),.onb-swatches label:has(input:focus-visible)){outline:2px solid var(--color-violet-ink);outline-offset:2px}.onb-swatches{gap:calc(var(--spacing) * 1);flex-wrap:wrap;display:flex}.onb-swatches label{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11);cursor:pointer;border-radius:999px;place-items:center;display:grid}.onb-swatches label>span{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);background:var(--swatch);box-shadow:var(--shadow-hairline);border-radius:999px}.onb-swatches label:has(input:checked)>span{outline:2px solid var(--color-violet-ink);outline-offset:2px}.onb-refine{gap:calc(var(--spacing) * 3);display:grid}@media (min-width:40rem) and (max-width:63.99rem){.onb-refine{column-gap:calc(var(--spacing) * 5);grid-template-columns:repeat(2,minmax(0,1fr))}}.onb-list{border-top:1px solid var(--color-line);display:grid}.onb-list li{min-height:calc(var(--spacing) * 12);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom:1px solid var(--color-line);font-size:var(--text-body-s);color:var(--color-ink);display:flex}.onb-list li>span:last-child{color:var(--color-text-3);font-size:var(--text-caption)}.onb-check{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);border-radius:999px;flex:none;place-items:center;display:grid}.onb-check[data-pending]{background:var(--color-cloud);color:#0000}html[data-motion=on] .onb-check:not([data-pending]) svg{animation:onb-check var(--duration-ui) var(--ease-out-expo) both;animation-delay:calc(var(--tick,0) * 80ms)}.onb-row-stack{gap:calc(var(--spacing) * 2);display:grid}.onb-share{align-items:center;gap:calc(var(--spacing) * 4);border-radius:var(--radius-md);background:var(--color-cloud);padding:calc(var(--spacing) * 4);grid-template-columns:minmax(0,1fr) auto;display:grid}.onb-share-label{font-size:var(--text-caption);color:var(--color-text-2);font-weight:600}.onb-share-link{justify-items:start;gap:calc(var(--spacing) * 2);min-width:0;display:grid}.onb-qr{justify-items:center;gap:calc(var(--spacing) * 1.5);display:grid}@media (max-width:29.99rem){.onb-share{grid-template-columns:minmax(0,1fr)}.onb-qr{justify-content:start;align-items:center;gap:calc(var(--spacing) * 3);grid-auto-flow:column}}.onb-qr svg{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18);border-radius:var(--radius-sm);background:var(--color-paper);padding:calc(var(--spacing) * 1.5);color:var(--color-ink)}.onb-selection{gap:calc(var(--spacing) * 1);display:grid}.onb-selection>p:first-child{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-caption);color:var(--color-violet-ink);font-weight:600;display:inline-flex}.onb-actions{align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 1);flex-wrap:wrap;display:flex}}@layer utilities;@keyframes onb-appear{0%{opacity:0;transform:translateY(12px)}}@keyframes onb-check{0%{opacity:0;transform:scale(.6)}}