@layer amset-ui.tokens,amset-ui.base;@layer amset-ui.components{.amset-variants{--amset-variants-height:var(--amset-height-control);--amset-variants-padding:var(--amset-space-3);--amset-variants-font:var(--amset-text-sm);--amset-variants-name:var(--amset-text-sm);--amset-variants-radius:var(--amset-radius);--amset-variants-sample:2rem;--amset-variants-ring:2px;--amset-variants-gap:2px;--amset-variants-border:var(--amset-border-bold);--amset-variants-selected:var(--amset-accent);--amset-variants-selected-background:var(--amset-accent-soft);--amset-variants-selected-ink:var(--amset-accent-text);--amset-variants-ring-color:var(--amset-ink);--amset-variants-slot:var(--amset-space-2);gap:var(--amset-space-4);min-width:0;font-family:var(--amset-font);color:var(--amset-ink);flex-direction:column;display:flex}.amset-variants--sm{--amset-variants-height:var(--amset-height-control-sm);--amset-variants-padding:var(--amset-space-2);--amset-variants-font:var(--amset-text-xs);--amset-variants-name:var(--amset-text-xs);--amset-variants-sample:1.5rem}.amset-variants--lg{--amset-variants-height:var(--amset-height-control-lg);--amset-variants-padding:var(--amset-space-4);--amset-variants-font:var(--amset-text-base);--amset-variants-name:var(--amset-text-base);--amset-variants-sample:2.5rem}.amset-variants__axis{gap:var(--amset-space-2);flex-direction:column;display:flex}.amset-variants__name{font-size:var(--amset-variants-name);font-weight:var(--amset-weight-bold)}.amset-variants__selected{color:var(--amset-ink-2);font-weight:var(--amset-weight-normal)}.amset-variants__options{gap:var(--amset-variants-slot);flex-wrap:wrap;display:flex}.amset-variants__option{cursor:pointer;transition:background-color var(--amset-duration-fast) var(--amset-easing-standard), border-color var(--amset-duration-fast) var(--amset-easing-standard), box-shadow var(--amset-duration-fast) var(--amset-easing-standard), color var(--amset-duration-fast) var(--amset-easing-standard), scale var(--amset-duration-fast) var(--amset-easing-standard);place-items:center;display:grid;position:relative}.amset-variants__option--text{min-width:var(--amset-variants-height);height:var(--amset-variants-height);padding-inline:var(--amset-variants-padding);background:var(--amset-surface);border:var(--amset-border-width) solid var(--amset-variants-border);border-radius:var(--amset-variants-radius);font-size:var(--amset-variants-font);font-weight:var(--amset-weight-medium);line-height:1}.amset-variants__option--text[data-hovered]{border-color:color-mix(in oklab, var(--amset-variants-border), var(--amset-ink) 40%)}.amset-variants__option--text[data-pressed]{scale:.96}.amset-variants__option--text[data-selected]{border-color:var(--amset-variants-selected);box-shadow:inset 0 0 0 1px var(--amset-variants-selected);background:var(--amset-variants-selected-background)}.amset-variants__option--text[data-selected][data-hovered]{background:color-mix(in oklab, var(--amset-variants-selected-background), var(--amset-variants-selected-ink) var(--amset-mix-soft-hover))}.amset-variants__option--text[data-selected][data-pressed]{background:color-mix(in oklab, var(--amset-variants-selected-background), var(--amset-variants-selected-ink) var(--amset-mix-soft-pressed))}.amset-variants__option--color{padding:var(--amset-variants-gap);border:var(--amset-variants-ring) solid transparent;border-radius:999px}.amset-variants__sample{width:var(--amset-variants-sample);height:var(--amset-variants-sample);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--amset-ink) 20%, transparent);transition:scale var(--amset-duration-fast) var(--amset-easing-standard), opacity var(--amset-duration-fast) var(--amset-easing-standard);border-radius:999px}.amset-variants__option--color[data-hovered]{border-color:var(--amset-variants-border)}.amset-variants__option--color[data-hovered] .amset-variants__sample{scale:1.06}.amset-variants__option--color[data-pressed] .amset-variants__sample{scale:.92}.amset-variants__option--color[data-selected]{border-color:var(--amset-variants-ring-color)}.amset-variants__option[data-focus-visible]{outline:2px solid var(--amset-focus);outline-offset:2px}.amset-variants__option--soldout{color:var(--amset-ink-2)}.amset-variants__option--soldout:after{content:"";background:var(--amset-ink-2);pointer-events:none;inset-inline:15%;height:1.5px;position:absolute;top:50%;transform:rotate(-35deg)}.amset-variants__option--color.amset-variants__option--soldout:after{background:var(--amset-ink);height:2px;box-shadow:0 0 0 1.5px var(--amset-surface)}.amset-variants__option--no-combo.amset-variants__option--text{color:var(--amset-ink-2);background:0 0;border-style:dashed}.amset-variants__option--no-combo.amset-variants__option--color{border-style:dashed;border-color:var(--amset-variants-border)}.amset-variants__option--no-combo .amset-variants__sample{opacity:.4}.amset-variants__option--not-found{display:none}.amset-variants__option[data-disabled]{cursor:not-allowed}.amset-variants__option--text[data-disabled]{background:var(--amset-disabled-background);border-color:var(--amset-border);color:var(--amset-disabled-ink)}.amset-variants__option--text[data-disabled][data-selected]{border-color:var(--amset-disabled-ink);box-shadow:inset 0 0 0 1px var(--amset-disabled-ink)}.amset-variants__option--color[data-disabled] .amset-variants__sample{opacity:.5}.amset-variants__option--color[data-disabled][data-selected]{border-color:var(--amset-disabled-ink)}.amset-variants__stock{color:var(--amset-success);font-size:var(--amset-variants-font);font-weight:var(--amset-weight-medium);transition:color var(--amset-duration) var(--amset-easing-standard);margin:0}.amset-variants__stock-text{animation:amset-variants-stock var(--amset-duration) var(--amset-easing-entry);display:inline-block}@keyframes amset-variants-stock{0%{opacity:0;transform:translateY(-.25rem)}}.amset-variants__stock--soldout{color:var(--amset-error)}.amset-variants__stock--pending{color:var(--amset-ink-2)}@media (pointer:coarse){.amset-variants__option--text{min-width:var(--amset-target-touch);min-height:var(--amset-target-touch)}.amset-variants__sample{min-width:calc(var(--amset-target-touch) - 2 * (var(--amset-variants-ring) + var(--amset-variants-gap)));min-height:calc(var(--amset-target-touch) - 2 * (var(--amset-variants-ring) + var(--amset-variants-gap)))}}}