:root{--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--motion-ease:cubic-bezier(.2, 0, 0, 1);--z-header:30;--z-drawer:40;--z-dialog:50;--z-toast:60;--layout-max:1320px;--layout-gutter:clamp(16px, 4vw, 40px);--tap-min:44px;--panel-nav-width:240px;--panel-nav-width-collapsed:64px;--panel-topbar-height:56px;--table-max-height:384px}html{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}
@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/geologica-latin-wght-normal.0snvg700yo0cb.woff2)format("woff2-variations"),url(../media/geologica-latin-wght-normal.0snvg700yo0cb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geologica;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/geologica-latin-ext-wght-normal.0epfk63gz-4qn.woff2)format("woff2-variations"),url(../media/geologica-latin-ext-wght-normal.0epfk63gz-4qn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root,[data-theme=net]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#fff;--color-surface-2:#f4f5f7;--color-surface-3:#e9ebef;--color-inverse:#111418;--color-on-inverse:#fff;--color-on-inverse-muted:#b9bec7;--color-overlay:#11141880;--color-text:#111418;--color-text-2:#3d4450;--color-text-muted:#5c6370;--color-border:#dfe2e7;--color-border-strong:#7e8592;--color-border-inverse:#343a44;--color-accent:#1746d1;--color-accent-hover:#0f35a6;--color-accent-active:#0b2a85;--color-accent-soft:#e8eefc;--color-on-accent:#fff;--color-highlight:#ffd84d;--color-on-highlight:#111418;--color-success:#0b7a3b;--color-success-soft:#e6f4ec;--color-warning:#8a5a00;--color-warning-soft:#fdf3dc;--color-danger:#c4161c;--color-danger-soft:#fdeaea;--color-danger-hover:#a51217;--color-danger-active:#870e13;--color-on-danger:#fff;--color-info:#0b5cad;--color-info-soft:#e6f0fa;--color-price:#111418;--color-price-sale:#c4161c;--color-price-old:#5c6370;--color-on-sale:#fff;--color-focus:#1746d1;--color-focus-inverse:#ffd84d;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring:0 0 0 var(--focus-ring-offset) var(--color-bg), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-focus);--color-disabled-bg:#eceef1;--color-disabled-text:#626874;--color-row-hover:#f4f5f7;--color-selected:#e8eefc;--font-sans:"Geologica", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-heading:"Geologica", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-numeric:tabular-nums;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:800;--font-weight-heading:700;--text-display:clamp(2rem, 1.2rem + 2.6vw, 3.25rem);--text-h1:clamp(1.75rem, 1.3rem + 1.4vw, 2.25rem);--text-h2:clamp(1.375rem, 1.15rem + .7vw, 1.75rem);--text-h3:1.125rem;--text-h4:1rem;--text-body:.9375rem;--text-control:1rem;--text-small:.8125rem;--text-caption:.75rem;--text-price:1.25rem;--text-price-lg:1.75rem;--text-table:.8125rem;--text-leading-tight:1.1;--text-leading-heading:1.25;--text-leading-body:1.5;--text-leading-ui:1.25;--text-tracking-display:-.025em;--text-tracking-heading:-.012em;--text-tracking-body:0;--text-tracking-caps:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--space-section:clamp(40px, 5vw, 64px);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--radius-control:6px;--radius-card:10px;--shadow-sm:0 1px 2px #1114180f;--shadow-card-hover:0 4px 14px #11141814;--shadow-popover:0 8px 24px #1114181f;--shadow-dialog:0 16px 48px #11141833;--border-width:1px;--border-width-strong:2px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:52px;--control-padding-x:16px;--ratio-product:1 / 1;--ratio-category:4 / 3;--ratio-hero:16 / 9;--ratio-hero-mobile:4 / 3;--ratio-banner:3 / 1;--hover-zoom:1.03;--hover-lift:0px;--opacity-disabled:.5;--opacity-soldout:.55;--table-row-height:44px;--table-row-height-dense:36px;--table-cell-padding-x:12px;--gap-dense:8px}
[data-theme=editoryal]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f3ee;--color-surface:#fcfbf8;--color-surface-2:#ebe8e0;--color-surface-3:#dedad0;--color-inverse:#262a1d;--color-on-inverse:#f5f3ee;--color-on-inverse-muted:#c9c8b8;--color-overlay:#262a1d8c;--color-text:#24231e;--color-text-2:#4d4a41;--color-text-muted:#625e55;--color-border:#d8d3c7;--color-border-strong:#857f72;--color-border-inverse:#424734;--color-accent:#4a5320;--color-accent-hover:#3a4118;--color-accent-active:#2c3111;--color-accent-soft:#e4e6d3;--color-on-accent:#fcfbf8;--color-highlight:#d8bf6a;--color-on-highlight:#24231e;--color-success:#2f6a37;--color-success-soft:#e1ebdc;--color-warning:#805400;--color-warning-soft:#f3e6c6;--color-danger:#a3271f;--color-danger-soft:#f4dcd8;--color-danger-hover:#87201a;--color-danger-active:#6c1914;--color-on-danger:#fcfbf8;--color-info:#1f4e8c;--color-info-soft:#dfe7f1;--color-price:#24231e;--color-price-sale:#a3271f;--color-price-old:#625e55;--color-on-sale:#fcfbf8;--color-focus:#1f4e8c;--color-focus-inverse:#d8bf6a;--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring:0 0 0 var(--focus-ring-offset) var(--color-bg), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-focus);--color-disabled-bg:#e6e3dc;--color-disabled-text:#5f5b53;--color-row-hover:#efece5;--color-selected:#e4e6d3;--font-sans:"Geologica", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-heading:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-numeric:tabular-nums;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:700;--font-weight-heading:500;--text-display:clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem);--text-h1:clamp(2rem, 1.5rem + 2vw, 3rem);--text-h2:clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem);--text-h3:1.375rem;--text-h4:1.125rem;--text-body:1rem;--text-control:1rem;--text-small:.875rem;--text-caption:.8125rem;--text-price:1.25rem;--text-price-lg:1.875rem;--text-table:.875rem;--text-leading-tight:1.1;--text-leading-heading:1.3;--text-leading-body:1.6;--text-leading-ui:1.3;--text-tracking-display:-.02em;--text-tracking-heading:-.005em;--text-tracking-body:0;--text-tracking-caps:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--space-section:clamp(56px, 7vw, 112px);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-pill:999px;--radius-control:2px;--radius-card:0px;--shadow-sm:0 1px 2px #262a1d14;--shadow-card-hover:0 6px 18px #262a1d1a;--shadow-popover:0 8px 24px #262a1d1f;--shadow-dialog:0 18px 48px #262a1d33;--border-width:1px;--border-width-strong:2px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:52px;--control-padding-x:20px;--ratio-product:4 / 5;--ratio-category:3 / 4;--ratio-hero:4 / 5;--ratio-hero-mobile:4 / 5;--ratio-banner:16 / 9;--hover-zoom:1.02;--hover-lift:0px;--opacity-disabled:.5;--opacity-soldout:.6;--table-row-height:48px;--table-row-height-dense:40px;--table-cell-padding-x:16px;--gap-dense:8px}
[data-theme=butik]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f4f0;--color-surface:#fff;--color-surface-2:#e9e9e3;--color-surface-3:#dcdcd4;--color-inverse:#121316;--color-on-inverse:#fff;--color-on-inverse-muted:#c9ccd6;--color-overlay:#1213168c;--color-text:#121316;--color-text-2:#42454d;--color-text-muted:#5a5e66;--color-border:#cfd0c8;--color-border-strong:#121316;--color-border-inverse:#3a3d45;--color-accent:#1f3bd6;--color-accent-hover:#1630b3;--color-accent-active:#11268f;--color-accent-soft:#e2e6fb;--color-on-accent:#fff;--color-highlight:#d6f046;--color-on-highlight:#121316;--color-success:#0f7a3d;--color-success-soft:#dff3e6;--color-warning:#855700;--color-warning-soft:#fbefd2;--color-danger:#b4232b;--color-danger-soft:#fbe3e4;--color-danger-hover:#961d24;--color-danger-active:#78171d;--color-on-danger:#fff;--color-info:#1f3bd6;--color-info-soft:#e2e6fb;--color-price:#121316;--color-price-sale:#c4162a;--color-price-old:#5a5e66;--color-on-sale:#fff;--color-focus:#1f3bd6;--color-focus-inverse:#d6f046;--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring:0 0 0 var(--focus-ring-offset) var(--color-bg), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--color-focus);--color-disabled-bg:#e4e4de;--color-disabled-text:#5c5f66;--color-row-hover:#ecece6;--color-selected:#eef9c0;--font-sans:"Geologica", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-heading:"Geologica", "Arial Black", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-numeric:tabular-nums;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--font-weight-heading:900;--text-display:clamp(2.75rem, 1.2rem + 5.6vw, 6rem);--text-h1:clamp(2.25rem, 1.4rem + 3vw, 3.5rem);--text-h2:clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);--text-h3:1.375rem;--text-h4:1.125rem;--text-body:1rem;--text-control:1rem;--text-small:.875rem;--text-caption:.75rem;--text-price:1.25rem;--text-price-lg:2rem;--text-table:.8125rem;--text-leading-tight:.95;--text-leading-heading:1.1;--text-leading-body:1.55;--text-leading-ui:1.25;--text-tracking-display:-.035em;--text-tracking-heading:-.02em;--text-tracking-body:0;--text-tracking-caps:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--space-section:clamp(48px, 6vw, 96px);--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-pill:999px;--radius-control:0px;--radius-card:0px;--shadow-sm:2px 2px 0 0 #121316;--shadow-card-hover:4px 4px 0 0 #121316;--shadow-popover:6px 6px 0 0 #121316;--shadow-dialog:8px 8px 0 0 #121316;--border-width:1px;--border-width-strong:2px;--control-height-sm:36px;--control-height-md:44px;--control-height-lg:56px;--control-padding-x:20px;--ratio-product:4 / 5;--ratio-category:1 / 1;--ratio-hero:4 / 5;--ratio-hero-mobile:4 / 5;--ratio-banner:3 / 2;--hover-zoom:1.04;--hover-lift:-4px;--opacity-disabled:.45;--opacity-soldout:.55;--table-row-height:44px;--table-row-height-dense:36px;--table-cell-padding-x:12px;--gap-dense:8px}
.ds-icon{inline-size:var(--space-5);block-size:var(--space-5);vertical-align:middle;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block}.ds-icon.ds-icon--sm{inline-size:var(--space-4);block-size:var(--space-4);stroke-width:2px}.ds-icon.ds-icon--lg{inline-size:var(--space-6);block-size:var(--space-6)}.ds-icon.ds-icon--drag,.ds-icon.ds-icon--more{stroke-width:3px}
.ds-button{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);min-inline-size:var(--control-height-md);block-size:var(--control-height-md);padding:0 var(--control-padding-x);border:var(--border-width) solid transparent;border-radius:var(--radius-control);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-semibold);line-height:var(--text-leading-ui);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);background:0 0;outline:none;margin:0;text-decoration:none;display:inline-flex;position:relative}.ds-button.ds-button--sm{min-inline-size:var(--control-height-sm);block-size:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-small)}.ds-button.ds-button--lg{min-inline-size:var(--control-height-lg);block-size:var(--control-height-lg);padding:0 var(--space-6);font-size:var(--text-h4)}.ds-button:where([data-block]){inline-size:100%;display:flex}.ds-button .ds-button__icon{display:inline-flex}.ds-button .ds-button__icon:empty,.ds-button .ds-button__spinner{display:none}.ds-button.ds-button--primary{background:var(--color-accent);color:var(--color-on-accent)}.ds-button.ds-button--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.ds-button.ds-button--danger{background:var(--color-danger);color:var(--color-on-danger)}.ds-button.ds-button--link{min-inline-size:0;color:var(--color-accent);text-underline-offset:.2em;padding-inline:0;text-decoration:underline}.ds-button.ds-button--primary:is(:hover,[data-ds-state=hover]):not(:disabled){background:var(--color-accent-hover)}.ds-button.ds-button--primary:is(:active,[data-ds-state=active]):not(:disabled){background:var(--color-accent-active)}.ds-button.ds-button--secondary:is(:hover,[data-ds-state=hover]):not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.ds-button.ds-button--ghost:is(:hover,[data-ds-state=hover]):not(:disabled){background:var(--color-surface-3)}.ds-button.ds-button--secondary:is(:active,[data-ds-state=active]):not(:disabled){border-color:var(--color-accent-active);background:var(--color-selected);color:var(--color-accent-active)}.ds-button.ds-button--ghost:is(:active,[data-ds-state=active]):not(:disabled){background:var(--color-border)}.ds-button.ds-button--secondary[aria-pressed=true],.ds-button.ds-button--ghost[aria-pressed=true]{background:var(--color-selected);color:var(--color-accent)}.ds-button.ds-button--danger:is(:hover,[data-ds-state=hover]){background:var(--color-danger-hover)}.ds-button.ds-button--danger:is(:active,[data-ds-state=active]){background:var(--color-danger-active)}.ds-button.ds-button--link:is(:hover,[data-ds-state=hover]){color:var(--color-accent-hover);text-decoration-thickness:var(--border-width-strong)}.ds-button.ds-button--link:is(:active,[data-ds-state=active]){color:var(--color-accent-active)}.ds-button:is(:focus-visible,[data-ds-state=focus]){box-shadow:var(--focus-ring)}.ds-button:is(:disabled,[data-ds-state=disabled]){background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;border-color:#0000}.ds-button.ds-button--link:is(:disabled,[data-ds-state=disabled]),.ds-button.ds-button--ghost:is(:disabled,[data-ds-state=disabled]){background:0 0}.ds-button[data-icon-only]{inline-size:var(--control-height-md);padding:0}.ds-button.ds-button--sm[data-icon-only]{inline-size:var(--control-height-sm)}.ds-button.ds-button--lg[data-icon-only]{inline-size:var(--control-height-lg)}.ds-button[data-icon-only] .ds-button__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-button[aria-busy=true]{cursor:progress;pointer-events:none}.ds-button[aria-busy=true] .ds-button__spinner{box-sizing:border-box;inline-size:var(--space-4);block-size:var(--space-4);border:var(--border-width-strong) solid color-mix(in oklab, currentColor 30%, transparent);border-radius:var(--radius-pill);animation:ds-button-turn calc(var(--motion-slow) * 2.5) linear infinite;border-block-start-color:currentColor;display:inline-block}.ds-button[aria-busy=true] .ds-button__icon,.ds-button[data-icon-only][aria-busy=true] .ds-button__label{display:none}@keyframes ds-button-turn{to{transform:rotate(1turn)}}
.ds-input{box-sizing:border-box;align-content:start;gap:var(--space-2);inline-size:100%;min-inline-size:0;color:var(--color-text);font-family:var(--font-sans);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.ds-input .ds-input__label{font-size:var(--text-small);font-weight:var(--font-weight-medium);line-height:var(--text-leading-ui);color:var(--color-text)}.ds-input .ds-input__req{color:var(--color-danger);display:none}.ds-input:has(.ds-input__control:required) .ds-input__req{display:inline}.ds-input[data-label-hidden] .ds-input__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-input .ds-input__box{box-sizing:border-box;align-items:center;gap:var(--space-2);block-size:var(--control-height-md);padding-inline:var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);display:flex}.ds-input.ds-input--sm .ds-input__box{block-size:var(--control-height-sm)}.ds-input.ds-input--lg .ds-input__box{block-size:var(--control-height-lg)}.ds-input .ds-input__control{block-size:100%;min-inline-size:0;color:var(--color-text);font:inherit;font-size:var(--text-control);font-variant-numeric:var(--font-numeric);background:0 0;border:0;outline:none;flex:1;margin:0;padding:0}.ds-input .ds-input__control::placeholder{color:var(--color-text-muted);opacity:1}.ds-input .ds-input__affix,.ds-input .ds-input__slot{color:var(--color-text-muted);font-size:var(--text-body);white-space:nowrap;align-items:center;display:inline-flex}.ds-input .ds-input__affix:empty,.ds-input .ds-input__slot:empty,.ds-input .ds-input__help:empty{display:none}.ds-input .ds-input__help,.ds-input .ds-input__error{font-size:var(--text-small);line-height:var(--text-leading-body);margin:0}.ds-input .ds-input__help{color:var(--color-text-muted)}.ds-input .ds-input__error{align-items:flex-start;gap:var(--space-1);color:var(--color-danger);display:flex}.ds-input .ds-input__error:has(.ds-input__error-text:empty){display:none}.ds-input .ds-input__error>svg{margin-block-start:calc(var(--space-1) / 2)}.ds-input:is(:hover,[data-ds-state=hover]) .ds-input__box{border-color:var(--color-text-2)}.ds-input[data-ds-state=focus] .ds-input__box{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.ds-input .ds-input__box:has(.ds-input__control:focus-visible){border-color:var(--color-focus);box-shadow:var(--focus-ring)}.ds-input:has(.ds-input__control[aria-invalid=true]) .ds-input__box{border-color:var(--color-danger);box-shadow:inset 0 0 0 var(--border-width) var(--color-danger)}.ds-input[data-ds-state=focus]:has(.ds-input__control[aria-invalid=true]) .ds-input__box{box-shadow:var(--focus-ring)}.ds-input .ds-input__box:has(.ds-input__control[aria-invalid=true]:focus-visible){box-shadow:var(--focus-ring)}.ds-input:has(.ds-input__control:read-only:not(:disabled)) .ds-input__box{background:var(--color-surface-2)}.ds-input[data-ds-state=disabled] .ds-input__box{border-color:var(--color-border);background:var(--color-disabled-bg);cursor:not-allowed}.ds-input:has(.ds-input__control:disabled) .ds-input__box{border-color:var(--color-border);background:var(--color-disabled-bg);cursor:not-allowed}.ds-input[data-ds-state=disabled] :is(.ds-input__control,.ds-input__label,.ds-input__affix){color:var(--color-disabled-text)}.ds-input:has(.ds-input__control:disabled) :is(.ds-input__control,.ds-input__label,.ds-input__affix){color:var(--color-disabled-text)}
.ds-textarea{box-sizing:border-box;align-content:start;gap:var(--space-2);inline-size:100%;min-inline-size:0;color:var(--color-text);font-family:var(--font-sans);display:grid}.ds-textarea .ds-textarea__label{font-size:var(--text-small);font-weight:var(--font-weight-medium);line-height:var(--text-leading-ui)}.ds-textarea .ds-textarea__req{color:var(--color-danger);display:none}.ds-textarea:has(.ds-textarea__control:required) .ds-textarea__req{display:inline}.ds-textarea .ds-textarea__control{box-sizing:border-box;inline-size:100%;min-block-size:calc(var(--control-height-md) * 2);padding:var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-control);line-height:var(--text-leading-body);resize:vertical;transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);outline:none;margin:0}.ds-textarea .ds-textarea__control::placeholder{color:var(--color-text-muted);opacity:1}.ds-textarea .ds-textarea__meta{align-items:flex-start;gap:var(--space-3);display:flex}.ds-textarea .ds-textarea__meta:has(.ds-textarea__help:empty):has(.ds-textarea__counter:empty):has(.ds-textarea__error-text:empty){display:none}.ds-textarea .ds-textarea__help,.ds-textarea .ds-textarea__error,.ds-textarea .ds-textarea__counter{font-size:var(--text-small);line-height:var(--text-leading-body);margin:0}.ds-textarea .ds-textarea__help,.ds-textarea .ds-textarea__counter{color:var(--color-text-muted)}.ds-textarea .ds-textarea__counter{font-variant-numeric:var(--font-numeric);white-space:nowrap;margin-inline-start:auto}.ds-textarea .ds-textarea__help:empty,.ds-textarea .ds-textarea__counter:empty{display:none}.ds-textarea .ds-textarea__error:has(.ds-textarea__error-text:empty){display:none}.ds-textarea .ds-textarea__error{gap:var(--space-1);color:var(--color-danger);display:flex}.ds-textarea .ds-textarea__error>svg{margin-block-start:calc(var(--space-1) / 2)}.ds-textarea:is(:hover,[data-ds-state=hover]) .ds-textarea__control{border-color:var(--color-text-2)}.ds-textarea[data-ds-state=focus] .ds-textarea__control,.ds-textarea .ds-textarea__control:focus-visible{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.ds-textarea .ds-textarea__control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 var(--border-width) var(--color-danger)}.ds-textarea .ds-textarea__control[aria-invalid=true]:focus-visible,.ds-textarea[data-ds-state=focus] .ds-textarea__control[aria-invalid=true]{box-shadow:var(--focus-ring)}.ds-textarea[data-ds-state=disabled] .ds-textarea__control,.ds-textarea .ds-textarea__control:disabled{border-color:var(--color-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.ds-textarea[data-ds-state=disabled] .ds-textarea__label{color:var(--color-disabled-text)}.ds-textarea:has(.ds-textarea__control:disabled) .ds-textarea__label{color:var(--color-disabled-text)}
.ds-select{box-sizing:border-box;align-content:start;gap:var(--space-2);inline-size:100%;min-inline-size:0;color:var(--color-text);font-family:var(--font-sans);display:grid;position:relative}.ds-select .ds-select__label{font-size:var(--text-small);font-weight:var(--font-weight-medium);line-height:var(--text-leading-ui)}.ds-select .ds-select__req{color:var(--color-danger);display:none}.ds-select:has(.ds-select__control:required) .ds-select__req{display:inline}.ds-select[data-label-hidden] .ds-select__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-select .ds-select__box{align-items:center;display:flex;position:relative}.ds-select .ds-select__control{box-sizing:border-box;appearance:none;inline-size:100%;block-size:var(--control-height-md);padding:0 calc(var(--space-3) * 2 + var(--space-4)) 0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-control);text-overflow:ellipsis;cursor:pointer;transition:border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);outline:none;margin:0}.ds-select.ds-select--sm .ds-select__control{block-size:var(--control-height-sm)}.ds-select.ds-select--lg .ds-select__control{block-size:var(--control-height-lg)}.ds-select .ds-select__chevron{color:var(--color-text-2);pointer-events:none;position:absolute;inset-inline-end:var(--space-3)}.ds-select .ds-select__help,.ds-select .ds-select__error{font-size:var(--text-small);line-height:var(--text-leading-body);margin:0}.ds-select .ds-select__help{color:var(--color-text-muted)}.ds-select .ds-select__help:empty{display:none}.ds-select .ds-select__error:has(.ds-select__error-text:empty){display:none}.ds-select .ds-select__error{gap:var(--space-1);color:var(--color-danger);display:flex}.ds-select .ds-select__error>svg{margin-block-start:calc(var(--space-1) / 2)}.ds-select:is(:hover,[data-ds-state=hover]) .ds-select__control{border-color:var(--color-text-2)}.ds-select[data-ds-state=focus] .ds-select__control,.ds-select .ds-select__control:focus-visible{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.ds-select .ds-select__control[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 var(--border-width) var(--color-danger)}.ds-select[data-ds-state=focus] .ds-select__control[aria-invalid=true],.ds-select .ds-select__control[aria-invalid=true]:focus-visible{box-shadow:var(--focus-ring)}.ds-select[data-ds-state=disabled] .ds-select__control,.ds-select .ds-select__control:disabled{border-color:var(--color-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.ds-select[data-ds-state=disabled] :is(.ds-select__label,.ds-select__chevron){color:var(--color-disabled-text)}.ds-select:has(.ds-select__control:disabled) :is(.ds-select__label,.ds-select__chevron){color:var(--color-disabled-text)}
.ds-checkbox{gap:var(--space-1);color:var(--color-text);font-family:var(--font-sans);display:grid}.ds-checkbox .ds-checkbox__row{align-items:flex-start;gap:var(--space-3);min-block-size:var(--tap-min);padding-block:calc((var(--tap-min) - var(--space-5)) / 2);box-sizing:border-box;cursor:pointer;display:flex}.ds-checkbox .ds-checkbox__box{inline-size:var(--space-5);block-size:var(--space-5);flex:none;place-items:center;display:inline-grid;position:relative}.ds-checkbox .ds-checkbox__input{appearance:none;box-sizing:border-box;border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);block-size:100%;inline-size:100%;cursor:inherit;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);outline:none;margin:0}.ds-checkbox .ds-checkbox__mark{color:var(--color-on-accent);opacity:0;pointer-events:none;position:absolute}.ds-checkbox .ds-checkbox__input:checked{border-color:var(--color-accent);background:var(--color-accent)}.ds-checkbox .ds-checkbox__input:checked+.ds-checkbox__mark{opacity:1}.ds-checkbox .ds-checkbox__text{gap:var(--space-1);min-inline-size:0;font-size:var(--text-body);line-height:var(--text-leading-ui);display:grid}.ds-checkbox .ds-checkbox__label{padding-block-start:calc(var(--space-1) / 2)}.ds-checkbox .ds-checkbox__description{color:var(--color-text-muted);font-size:var(--text-small);line-height:var(--text-leading-body)}.ds-checkbox .ds-checkbox__count{color:var(--color-text-muted);font-size:var(--text-small);font-variant-numeric:var(--font-numeric);margin-inline-start:auto;padding-block-start:calc(var(--space-1) / 2)}.ds-checkbox .ds-checkbox__description:empty,.ds-checkbox .ds-checkbox__count:empty,.ds-checkbox .ds-checkbox__error:empty{display:none}.ds-checkbox .ds-checkbox__error{color:var(--color-danger);font-size:var(--text-small);margin:0;padding-inline-start:calc(var(--space-5) + var(--space-3))}.ds-checkbox:is(:hover,[data-ds-state=hover]) .ds-checkbox__input:not(:checked,:disabled){border-color:var(--color-text)}.ds-checkbox:is(:hover,[data-ds-state=hover]) .ds-checkbox__input:checked:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.ds-checkbox[data-ds-state=focus] .ds-checkbox__input,.ds-checkbox .ds-checkbox__input:focus-visible{box-shadow:var(--focus-ring)}.ds-checkbox .ds-checkbox__input[aria-invalid=true]{border-color:var(--color-danger)}.ds-checkbox[data-ds-state=disabled] .ds-checkbox__row{color:var(--color-disabled-text);cursor:not-allowed}.ds-checkbox:has(.ds-checkbox__input:disabled) .ds-checkbox__row{color:var(--color-disabled-text);cursor:not-allowed}.ds-checkbox[data-ds-state=disabled] .ds-checkbox__input,.ds-checkbox .ds-checkbox__input:disabled{border-color:var(--color-border);background:var(--color-disabled-bg)}.ds-checkbox[data-ds-state=disabled] .ds-checkbox__mark,.ds-checkbox .ds-checkbox__input:disabled+.ds-checkbox__mark{color:var(--color-disabled-text)}
.ds-radio{box-sizing:border-box;align-items:flex-start;gap:var(--space-3);min-block-size:var(--tap-min);padding-block:calc((var(--tap-min) - var(--space-5)) / 2);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;display:flex}.ds-radio .ds-radio__input{appearance:none;box-sizing:border-box;inline-size:var(--space-5);block-size:var(--space-5);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);cursor:inherit;transition:border-color var(--motion-fast) var(--motion-ease), border-width var(--motion-fast) var(--motion-ease);outline:none;flex:none;margin:0}.ds-radio .ds-radio__input:checked{border:calc(var(--space-1) + var(--border-width)) solid var(--color-accent)}.ds-radio .ds-radio__text{gap:var(--space-1);min-inline-size:0;font-size:var(--text-body);line-height:var(--text-leading-ui);display:grid}.ds-radio .ds-radio__label{padding-block-start:calc(var(--space-1) / 2)}.ds-radio .ds-radio__description{color:var(--color-text-muted);font-size:var(--text-small);line-height:var(--text-leading-body)}.ds-radio .ds-radio__aside{font-size:var(--text-body);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric);white-space:nowrap;margin-inline-start:auto;padding-block-start:calc(var(--space-1) / 2)}.ds-radio .ds-radio__description:empty,.ds-radio .ds-radio__aside:empty{display:none}.ds-radio:is(:hover,[data-ds-state=hover]) .ds-radio__input:not(:checked,:disabled){border-color:var(--color-text)}.ds-radio:is(:hover,[data-ds-state=hover]) .ds-radio__input:checked:not(:disabled){border-color:var(--color-accent-hover)}.ds-radio[data-ds-state=focus] .ds-radio__input,.ds-radio .ds-radio__input:focus-visible{box-shadow:var(--focus-ring)}.ds-radio .ds-radio__input[aria-invalid=true]{border-color:var(--color-danger)}.ds-radio[data-ds-state=disabled]{color:var(--color-disabled-text);cursor:not-allowed}.ds-radio:has(.ds-radio__input:disabled){color:var(--color-disabled-text);cursor:not-allowed}.ds-radio[data-ds-state=disabled] .ds-radio__input,.ds-radio .ds-radio__input:disabled{border-color:var(--color-border-strong);background:var(--color-disabled-bg)}.ds-radio .ds-radio__input:disabled:checked{border-color:var(--color-disabled-text)}
.ds-switch{box-sizing:border-box;align-items:flex-start;gap:var(--space-3);min-block-size:var(--tap-min);padding-block:calc((var(--tap-min) - var(--space-6)) / 2);color:var(--color-text);font-family:var(--font-sans);cursor:pointer;display:flex}.ds-switch .ds-switch__input{appearance:none;box-sizing:border-box;inline-size:var(--space-10);block-size:var(--space-6);border:var(--border-width-strong) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);cursor:inherit;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);outline:none;flex:none;margin:0;position:relative}.ds-switch .ds-switch__input:before{content:"";inline-size:var(--space-4);block-size:var(--space-4);border-radius:var(--radius-pill);background:var(--color-border-strong);transition:transform var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);position:absolute;inset-block-start:calc(var(--space-1) / 2);inset-inline-start:calc(var(--space-1) / 2)}.ds-switch .ds-switch__input:checked{border-color:var(--color-accent);background:var(--color-accent)}.ds-switch .ds-switch__input:checked:before{background:var(--color-on-accent);transform:translateX(var(--space-4))}.ds-switch .ds-switch__text{gap:var(--space-1);min-inline-size:0;font-size:var(--text-body);line-height:var(--text-leading-ui);display:grid}.ds-switch .ds-switch__label{padding-block-start:calc(var(--space-1) / 2)}.ds-switch .ds-switch__description{color:var(--color-text-muted);font-size:var(--text-small);line-height:var(--text-leading-body)}.ds-switch .ds-switch__description:empty{display:none}.ds-switch:is(:hover,[data-ds-state=hover]) .ds-switch__input:not(:checked,:disabled){border-color:var(--color-text)}.ds-switch:is(:hover,[data-ds-state=hover]) .ds-switch__input:checked:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.ds-switch[data-ds-state=focus] .ds-switch__input,.ds-switch .ds-switch__input:focus-visible{box-shadow:var(--focus-ring)}.ds-switch[data-ds-state=disabled]{color:var(--color-disabled-text);cursor:not-allowed}.ds-switch:has(.ds-switch__input:disabled){color:var(--color-disabled-text);cursor:not-allowed}.ds-switch[data-ds-state=disabled] .ds-switch__input,.ds-switch .ds-switch__input:disabled{border-style:dashed;border-color:var(--color-border-strong);background:var(--color-disabled-bg);opacity:var(--opacity-disabled)}.ds-switch .ds-switch__input:disabled:before{background:var(--color-disabled-text)}.ds-switch[data-ds-state=disabled] .ds-switch__input:checked,.ds-switch .ds-switch__input:disabled:checked{border-color:var(--color-text-muted);background:var(--color-text-muted)}.ds-switch .ds-switch__input:disabled:checked:before{background:var(--color-on-accent)}
.ds-quantity-stepper{box-sizing:border-box;block-size:var(--control-height-md);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);align-items:stretch;display:inline-flex}.ds-quantity-stepper.ds-quantity-stepper--sm{block-size:var(--control-height-sm)}.ds-quantity-stepper .ds-quantity-stepper__btn{inline-size:calc(var(--control-height-md) - var(--border-width) * 2);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;background:0 0;border:0;outline:none;place-items:center;margin:0;padding:0;display:inline-grid}.ds-quantity-stepper.ds-quantity-stepper--sm .ds-quantity-stepper__btn{inline-size:calc(var(--control-height-sm) - var(--border-width) * 2)}.ds-quantity-stepper .ds-quantity-stepper__value{appearance:textfield;box-sizing:border-box;inline-size:calc(var(--space-10) + var(--space-1));border:0;border-inline:var(--border-width) solid var(--color-border);color:var(--color-text);font:inherit;font-size:var(--text-control);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric);text-align:center;background:0 0;outline:none;margin:0;padding:0}.ds-quantity-stepper .ds-quantity-stepper__value::-webkit-inner-spin-button{appearance:none;margin:0}.ds-quantity-stepper .ds-quantity-stepper__value::-webkit-outer-spin-button{appearance:none;margin:0}.ds-quantity-stepper .ds-quantity-stepper__btn:hover:not(:disabled),.ds-quantity-stepper[data-ds-state=hover] .ds-quantity-stepper__btn:last-of-type:not(:disabled){background:var(--color-row-hover)}.ds-quantity-stepper .ds-quantity-stepper__btn:focus-visible,.ds-quantity-stepper .ds-quantity-stepper__value:focus-visible,.ds-quantity-stepper[data-ds-state=focus] .ds-quantity-stepper__value{box-shadow:var(--focus-ring);position:relative}.ds-quantity-stepper .ds-quantity-stepper__btn:disabled{color:var(--color-disabled-text);cursor:not-allowed}.ds-quantity-stepper[data-ds-state=disabled]{border-color:var(--color-border);background:var(--color-disabled-bg)}.ds-quantity-stepper:has(.ds-quantity-stepper__value:disabled){border-color:var(--color-border);background:var(--color-disabled-bg)}.ds-quantity-stepper[data-ds-state=disabled] :is(.ds-quantity-stepper__btn,.ds-quantity-stepper__value){color:var(--color-disabled-text);pointer-events:none}.ds-quantity-stepper:has(.ds-quantity-stepper__value:disabled) :is(.ds-quantity-stepper__btn,.ds-quantity-stepper__value){color:var(--color-disabled-text);pointer-events:none}
.ds-field-group{gap:var(--space-2);min-inline-size:0;color:var(--color-text);font-family:var(--font-sans);border:0;margin:0;padding:0;display:grid}.ds-field-group .ds-field-group__legend{font-size:var(--text-h3);font-weight:var(--font-weight-semibold);line-height:var(--text-leading-heading);margin-block-end:var(--space-3);padding:0}.ds-field-group .ds-field-group__req{color:var(--color-danger);display:none}.ds-field-group[data-required] .ds-field-group__req{display:inline}.ds-field-group .ds-field-group__help{color:var(--color-text-muted);font-size:var(--text-small);margin:0}.ds-field-group .ds-field-group__fields{gap:var(--space-4);display:grid}.ds-field-group.ds-field-group--row .ds-field-group__fields{grid-template-columns:repeat(auto-fit, minmax(calc(var(--space-24) * 2), 1fr))}.ds-field-group.ds-field-group--options .ds-field-group__fields{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);gap:0;overflow:hidden}.ds-field-group.ds-field-group--options .ds-field-group__fields>*{padding-inline:var(--space-4)}.ds-field-group.ds-field-group--options .ds-field-group__fields>*+*{border-block-start:var(--border-width) solid var(--color-border)}.ds-field-group.ds-field-group--options .ds-field-group__fields>:has(input:checked){background:var(--color-selected);box-shadow:inset calc(var(--border-width-strong) * 1.5) 0 0 var(--color-accent)}.ds-field-group .ds-field-group__error{gap:var(--space-1);color:var(--color-danger);font-size:var(--text-small);margin:0;display:flex}.ds-field-group .ds-field-group__error>svg{margin-block-start:calc(var(--space-1) / 2)}.ds-field-group .ds-field-group__help:empty{display:none}.ds-field-group .ds-field-group__error:has(.ds-field-group__error-text:empty){display:none}.ds-field-group:has(.ds-field-group__error-text:not(:empty)).ds-field-group--options .ds-field-group__fields{border-color:var(--color-danger)}.ds-field-group:disabled .ds-field-group__legend{color:var(--color-disabled-text)}
.ds-segmented-control{box-sizing:border-box;gap:calc(var(--space-1) / 2);block-size:var(--control-height-md);padding:calc(var(--space-1) / 2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-2);font-family:var(--font-sans);display:inline-flex}.ds-segmented-control.ds-segmented-control--sm{block-size:var(--control-height-sm)}.ds-segmented-control:where([data-block]){inline-size:100%;display:flex}.ds-segmented-control[data-block]>*{flex:1}
.ds-segment{justify-content:center;align-items:center;gap:var(--space-2);min-inline-size:calc(var(--control-height-md) - var(--space-1));padding:0 var(--space-4);border-radius:calc(var(--radius-control) - var(--space-1) / 2);color:var(--color-text-2);font-size:var(--text-small);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);display:inline-flex;position:relative}.ds-segment .ds-segment__input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.ds-segment .ds-segment__icon{display:inline-flex}.ds-segment .ds-segment__icon:empty{display:none}.ds-segment[data-icon-only]{padding:0}.ds-segment[data-icon-only] .ds-segment__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-segment:is(:hover,[data-ds-state=hover]):not(:has(:checked,:disabled)){color:var(--color-text);background:var(--color-surface-3)}.ds-segment:has(.ds-segment__input:checked){background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);font-weight:var(--font-weight-semibold)}.ds-segment[data-ds-state=focus]{box-shadow:var(--focus-ring)}.ds-segment:has(.ds-segment__input:focus-visible){box-shadow:var(--focus-ring)}.ds-segment[data-ds-state=disabled]{color:var(--color-disabled-text);cursor:not-allowed}.ds-segment:has(.ds-segment__input:disabled){color:var(--color-disabled-text);cursor:not-allowed}
.ds-tag{box-sizing:border-box;block-size:var(--control-height-sm);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex;position:relative}.ds-tag .ds-tag__main,.ds-tag .ds-tag__remove{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);block-size:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:none;margin:0;display:inline-flex;position:relative}.ds-tag .ds-tag__main{padding:0 var(--space-4)}.ds-tag .ds-tag__main:after,.ds-tag .ds-tag__remove:after{content:"";inset:calc((var(--control-height-sm) - var(--tap-min)) / 2) 0;position:absolute}.ds-tag .ds-tag__icon{display:inline-flex}.ds-tag .ds-tag__icon:empty,.ds-tag .ds-tag__count:empty,.ds-tag .ds-tag__check,.ds-tag .ds-tag__remove{display:none}.ds-tag .ds-tag__count{color:var(--color-text-muted);font-variant-numeric:var(--font-numeric)}.ds-tag[data-removable]{border-color:var(--color-accent);background:var(--color-selected)}.ds-tag[data-removable] .ds-tag__main{cursor:default;padding-inline-end:var(--space-1)}.ds-tag[data-removable] .ds-tag__remove{inline-size:var(--control-height-sm);justify-content:center;display:inline-flex}.ds-tag:has(.ds-tag__main[aria-pressed=true]){border-color:var(--color-accent);background:var(--color-selected);color:var(--color-accent)}.ds-tag .ds-tag__main[aria-pressed=true] .ds-tag__check{display:inline}.ds-tag .ds-tag__main[aria-pressed=true] .ds-tag__count{color:inherit}.ds-tag:is(:hover,[data-ds-state=hover]):not(:has(:disabled)){border-color:var(--color-text)}.ds-tag .ds-tag__remove:hover{background:var(--color-accent-soft)}.ds-tag[data-ds-state=focus]{box-shadow:var(--focus-ring)}.ds-tag:has(.ds-tag__main:focus-visible){box-shadow:var(--focus-ring)}.ds-tag .ds-tag__remove:focus-visible{box-shadow:var(--focus-ring)}.ds-tag[data-ds-state=disabled]{border-color:var(--color-border);background:var(--color-disabled-bg);color:var(--color-disabled-text)}.ds-tag:has(.ds-tag__main:disabled){border-color:var(--color-border);background:var(--color-disabled-bg);color:var(--color-disabled-text)}.ds-tag[data-ds-state=disabled] :is(.ds-tag__main,.ds-tag__remove),.ds-tag :is(.ds-tag__main,.ds-tag__remove):disabled{cursor:not-allowed}
.ds-badge{box-sizing:border-box;align-items:center;gap:var(--space-1);block-size:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-2);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric);white-space:nowrap;line-height:1;display:inline-flex}.ds-badge.ds-badge--sm{block-size:var(--space-5);padding:0 calc(var(--space-1) * 1.5)}.ds-badge .ds-badge__icon{display:inline-flex}.ds-badge .ds-badge__icon:empty{display:none}.ds-badge[data-dot]:before{content:"";inline-size:calc(var(--space-2) - var(--space-1) / 2);block-size:calc(var(--space-2) - var(--space-1) / 2);border-radius:var(--radius-pill);background:currentColor}.ds-badge.ds-badge--success{background:var(--color-success-soft);color:var(--color-success)}.ds-badge.ds-badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.ds-badge.ds-badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.ds-badge.ds-badge--info{background:var(--color-info-soft);color:var(--color-info)}.ds-badge.ds-badge--accent{background:var(--color-accent-soft);color:var(--color-accent)}.ds-badge.ds-badge--sale{background:var(--color-price-sale);color:var(--color-on-sale)}
.ds-price{align-items:baseline;column-gap:var(--space-2);row-gap:var(--space-1);color:var(--color-price);font-family:var(--font-sans);font-variant-numeric:var(--font-numeric);line-height:var(--text-leading-ui);flex-wrap:wrap;display:inline-flex;position:relative}.ds-price.ds-price--stacked{justify-items:start;display:inline-grid}.ds-price .ds-price__line{align-items:center;gap:var(--space-2);display:inline-flex}.ds-price.ds-price--inline .ds-price__line{order:0}.ds-price.ds-price--inline .ds-price__old{order:1}.ds-price .ds-price__note{color:var(--color-text-muted);font-size:var(--text-caption);flex-basis:100%;order:2}.ds-price .ds-price__current{font-size:var(--text-price);font-weight:var(--font-weight-bold);letter-spacing:var(--text-tracking-heading);white-space:nowrap}.ds-price.ds-price--sm .ds-price__current{font-size:var(--text-body)}.ds-price.ds-price--lg .ds-price__current{font-size:var(--text-price-lg)}.ds-price .ds-price__old{color:var(--color-price-old);font-size:var(--text-small);white-space:nowrap}.ds-price.ds-price--lg .ds-price__old{font-size:var(--text-body)}.ds-price .ds-price__discount{block-size:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-price-sale);color:var(--color-on-sale);font-size:var(--text-caption);font-weight:var(--font-weight-bold);align-items:center;display:inline-flex}.ds-price .ds-price__sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-price:has(.ds-price__old-value:not(:empty)) .ds-price__current{color:var(--color-price-sale)}.ds-price .ds-price__note:empty{display:none}.ds-price .ds-price__old:has(.ds-price__old-value:empty){display:none}.ds-price .ds-price__discount:has(.ds-price__discount-text:empty){display:none}
.ds-stock-status{align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--font-weight-semibold);line-height:var(--text-leading-ui);flex-wrap:wrap;margin:0;display:inline-flex}.ds-stock-status.ds-stock-status--sm{font-size:var(--text-caption)}.ds-stock-status .ds-stock-status__item{align-items:center;gap:var(--space-1);font-variant-numeric:var(--font-numeric);display:none}.ds-stock-status.ds-stock-status--in-stock .ds-stock-status__item--in-stock,.ds-stock-status.ds-stock-status--low .ds-stock-status__item--low,.ds-stock-status.ds-stock-status--out .ds-stock-status__item--out,.ds-stock-status.ds-stock-status--preorder .ds-stock-status__item--preorder{display:inline-flex}.ds-stock-status.ds-stock-status--in-stock{color:var(--color-success)}.ds-stock-status.ds-stock-status--low{color:var(--color-warning)}.ds-stock-status.ds-stock-status--out{color:var(--color-text-muted)}.ds-stock-status.ds-stock-status--preorder{color:var(--color-info)}.ds-stock-status .ds-stock-status__note{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.ds-stock-status .ds-stock-status__note:empty{display:none}
.ds-breadcrumb{min-inline-size:0;font-family:var(--font-sans);font-size:var(--text-small);line-height:var(--text-leading-ui);overflow-x:auto}.ds-breadcrumb .ds-breadcrumb__list{white-space:nowrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.ds-breadcrumb li{align-items:center;display:inline-flex}.ds-breadcrumb li+li:before{content:"/" / "";padding-inline:var(--space-2);color:var(--color-border-strong)}.ds-breadcrumb a{min-block-size:var(--space-8);border-radius:var(--radius-sm);color:var(--color-text-2);outline:none;align-items:center;text-decoration:none;display:inline-flex}.ds-breadcrumb a:hover{color:var(--color-text);text-underline-offset:.2em;text-decoration:underline}.ds-breadcrumb a:focus-visible{box-shadow:var(--focus-ring)}.ds-breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--font-weight-semibold)}
.ds-tabs{gap:var(--space-4);min-inline-size:0;font-family:var(--font-sans);grid-template-columns:minmax(0,1fr);display:grid}.ds-tabs .ds-tabs__list{gap:var(--space-1);min-inline-size:0;display:flex;overflow-x:auto}.ds-tabs.ds-tabs--line .ds-tabs__list{gap:var(--space-2);box-shadow:inset 0 calc(var(--border-width) * -1) 0 var(--color-border)}.ds-tabs.ds-tabs--boxed .ds-tabs__list{max-inline-size:100%;padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-2);justify-self:start}.ds-tabs .ds-tabs__panel{min-block-size:var(--space-6);border-radius:var(--radius-sm);color:var(--color-text-2);outline:none}.ds-tabs .ds-tabs__panel:empty{display:none}.ds-tabs .ds-tabs__panel:focus-visible{box-shadow:var(--focus-ring)}
.ds-tab{box-sizing:border-box;align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-2);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;background:0 0;border:0;outline:none;flex:none;margin:0;display:inline-flex;position:relative}.ds-tab .ds-tab__count{color:var(--color-text-muted);font-size:var(--text-small);font-variant-numeric:var(--font-numeric)}.ds-tab .ds-tab__count:empty{display:none}.ds-tab:is(:hover,[data-ds-state=hover]){color:var(--color-text)}a.ds-tab{text-decoration:none}.ds-tab[aria-selected=true]{color:var(--color-text);font-weight:var(--font-weight-semibold)}.ds-tabs--line .ds-tab:is(:hover,[data-ds-state=hover]):after,.ds-tabs--line .ds-tab[aria-selected=true]:after{content:"";inset:auto var(--space-2) 0;block-size:var(--border-width-strong);background:var(--color-border-strong);position:absolute}.ds-tabs--line .ds-tab[aria-selected=true]:after{block-size:calc(var(--border-width-strong) * 1.5);background:var(--color-accent)}.ds-tabs--boxed .ds-tab{min-block-size:var(--control-height-sm);padding:0 var(--space-4)}.ds-tabs--boxed .ds-tab[aria-selected=true]{background:var(--color-surface);box-shadow:var(--shadow-sm)}.ds-tab:is(:focus-visible,[data-ds-state=focus]){box-shadow:var(--focus-ring)}.ds-tab:is(:disabled,[data-ds-state=disabled]){color:var(--color-disabled-text);cursor:not-allowed}
.ds-pagination{flex:1 1 calc(var(--space-24) * 4);box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);min-inline-size:0;max-inline-size:100%;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);flex-wrap:wrap;display:flex;container-type:inline-size}.ds-pagination .ds-pagination__summary{color:var(--color-text-muted);font-size:var(--text-small);font-variant-numeric:var(--font-numeric);white-space:nowrap;margin:0}.ds-pagination .ds-pagination__summary:empty{display:none}.ds-pagination .ds-pagination__controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-inline-size:0;display:flex}.ds-pagination .ds-pagination__pages{align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.ds-pagination .ds-pagination__step{box-sizing:border-box;align-items:center;gap:var(--space-1);block-size:var(--control-height-md);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;outline:none;margin:0;display:inline-flex}.ds-pagination .ds-pagination__step:hover:not(:disabled){background:var(--color-row-hover)}.ds-pagination .ds-pagination__step:focus-visible{box-shadow:var(--focus-ring)}.ds-pagination .ds-pagination__step:disabled{border-color:var(--color-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.ds-pagination.ds-pagination--sm{font-size:var(--text-small)}.ds-pagination.ds-pagination--sm .ds-pagination__step{block-size:var(--control-height-sm)}.ds-pagination[data-compact]{flex-wrap:nowrap;position:relative}.ds-pagination[data-compact] .ds-pagination__pages{display:none}@container (max-width:520px){.ds-pagination .ds-pagination__pages{display:none}.ds-pagination .ds-pagination__controls{flex:1;justify-content:space-between}}.ds-pagination[data-compact] .ds-pagination__controls{justify-content:space-between;inline-size:100%}.ds-pagination[data-compact] .ds-pagination__summary{text-align:center;pointer-events:none;order:1;position:absolute;inset-inline:0}
.ds-pagination-item{font-family:var(--font-sans);display:inline-flex;position:relative}.ds-pagination-item .ds-pagination-item__link{box-sizing:border-box;min-inline-size:var(--control-height-md);block-size:var(--control-height-md);padding:0 var(--space-2);border-radius:var(--radius-control);color:var(--color-text);font-weight:var(--font-weight-medium);font-variant-numeric:var(--font-numeric);outline:none;place-items:center;text-decoration:none;display:inline-grid}.ds-pagination--sm .ds-pagination-item .ds-pagination-item__link{min-inline-size:var(--control-height-sm);block-size:var(--control-height-sm)}.ds-pagination-item .ds-pagination-item__sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-pagination-item .ds-pagination-item__gap{min-inline-size:var(--space-8);color:var(--color-text-muted);text-align:center;display:none}.ds-pagination-item.ds-pagination-item--gap .ds-pagination-item__link{display:none}.ds-pagination-item.ds-pagination-item--gap .ds-pagination-item__gap{display:inline-block}.ds-pagination-item:is(:hover,[data-ds-state=hover]) .ds-pagination-item__link:not([aria-current=true]){background:var(--color-row-hover)}.ds-pagination-item[data-ds-state=focus] .ds-pagination-item__link,.ds-pagination-item .ds-pagination-item__link:focus-visible{box-shadow:var(--focus-ring)}.ds-pagination-item .ds-pagination-item__link[aria-current=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-bold)}
.ds-alert{--ds-alert-tone:var(--color-info);box-sizing:border-box;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid color-mix(in oklab, var(--ds-alert-tone) 35%, transparent);border-inline-start:calc(var(--border-width-strong) * 2) solid var(--ds-alert-tone);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-leading-body);display:flex}.ds-alert.ds-alert--success{--ds-alert-tone:var(--color-success);background:var(--color-success-soft)}.ds-alert.ds-alert--warning{--ds-alert-tone:var(--color-warning);background:var(--color-warning-soft)}.ds-alert.ds-alert--danger{--ds-alert-tone:var(--color-danger);background:var(--color-danger-soft)}.ds-alert .ds-alert__icon{padding-block:calc(var(--space-1) / 2);color:var(--ds-alert-tone);display:inline-flex}.ds-alert .ds-alert__glyph{display:none}.ds-alert.ds-alert--info .ds-alert__glyph--info,.ds-alert.ds-alert--success .ds-alert__glyph--success,.ds-alert.ds-alert--warning .ds-alert__glyph--warning,.ds-alert.ds-alert--danger .ds-alert__glyph--danger{display:inline-block}.ds-alert .ds-alert__content{gap:var(--space-1);flex:1;min-inline-size:0;display:grid}.ds-alert .ds-alert__title{font-weight:var(--font-weight-semibold);margin:0}.ds-alert .ds-alert__body{color:var(--color-text-2)}.ds-alert .ds-alert__title:empty,.ds-alert .ds-alert__body:empty,.ds-alert .ds-alert__actions:empty{display:none}.ds-alert .ds-alert__actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.ds-alert .ds-alert__close{inline-size:var(--tap-min);block-size:var(--tap-min);margin:calc(var(--space-3) * -1) calc(var(--space-3) * -1) calc(var(--space-3) * -1) 0;border-radius:var(--radius-control);color:var(--color-text-2);cursor:pointer;background:0 0;border:0;outline:none;flex:none;place-items:center;padding:0;display:none}.ds-alert[data-dismissible] .ds-alert__close{display:inline-grid}.ds-alert .ds-alert__close:hover{color:var(--color-text);background:color-mix(in oklab, var(--ds-alert-tone) 12%, transparent)}.ds-alert .ds-alert__close:focus-visible{box-shadow:var(--focus-ring)}
.ds-toast{--ds-toast-tone:var(--color-success);box-sizing:border-box;align-items:center;gap:var(--space-3);inline-size:min(100%, calc(var(--space-24) * 4));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-inline-start:calc(var(--border-width-strong) * 2) solid var(--ds-toast-tone);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-popover);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-leading-ui);display:flex}.ds-toast.ds-toast--info{--ds-toast-tone:var(--color-info)}.ds-toast.ds-toast--warning{--ds-toast-tone:var(--color-warning)}.ds-toast.ds-toast--danger{--ds-toast-tone:var(--color-danger)}.ds-toast .ds-toast__icon{color:var(--ds-toast-tone);display:inline-flex}.ds-toast .ds-toast__glyph{display:none}.ds-toast.ds-toast--info .ds-toast__glyph--info,.ds-toast.ds-toast--success .ds-toast__glyph--success,.ds-toast.ds-toast--warning .ds-toast__glyph--warning,.ds-toast.ds-toast--danger .ds-toast__glyph--danger{display:inline-block}.ds-toast .ds-toast__content{gap:calc(var(--space-1) / 2);min-inline-size:0;padding-block:var(--space-2);flex:1;display:grid}.ds-toast .ds-toast__title,.ds-toast .ds-toast__message{margin:0}.ds-toast .ds-toast__title{font-weight:var(--font-weight-semibold)}.ds-toast .ds-toast__message{color:var(--color-text-muted);font-size:var(--text-small)}.ds-toast .ds-toast__message:empty,.ds-toast .ds-toast__action:empty{display:none}.ds-toast .ds-toast__close{inline-size:var(--tap-min);block-size:var(--tap-min);border-radius:var(--radius-control);color:var(--color-text-2);cursor:pointer;background:0 0;border:0;outline:none;flex:none;place-items:center;padding:0;display:inline-grid}.ds-toast .ds-toast__close:hover{background:var(--color-row-hover);color:var(--color-text)}.ds-toast .ds-toast__close:focus-visible{box-shadow:var(--focus-ring)}
.ds-dialog{box-sizing:border-box;block-size:100%;inline-size:100%;padding:var(--space-6) var(--space-4);background:var(--color-overlay);font-family:var(--font-sans);place-items:center;display:grid}.ds-dialog .ds-dialog__panel{box-sizing:border-box;gap:var(--space-4);inline-size:min(100%, calc(var(--space-24) * 6 - var(--space-16)));max-block-size:100%;padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-dialog);color:var(--color-text);display:grid;overflow:auto}.ds-dialog.ds-dialog--sm .ds-dialog__panel{inline-size:min(100%, calc(var(--space-24) * 4 + var(--space-4)))}.ds-dialog.ds-dialog--lg .ds-dialog__panel{inline-size:min(100%, calc(var(--space-24) * 8 + var(--space-8)))}.ds-dialog .ds-dialog__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ds-dialog .ds-dialog__title{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--font-weight-heading);line-height:var(--text-leading-heading);letter-spacing:var(--text-tracking-heading);margin:0;padding-block-start:var(--space-2)}.ds-dialog .ds-dialog__close{inline-size:var(--tap-min);block-size:var(--tap-min);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0 0;border-radius:var(--radius-control);color:var(--color-text-2);cursor:pointer;background:0 0;border:0;outline:none;flex:none;place-items:center;padding:0;display:inline-grid}.ds-dialog .ds-dialog__close:hover{background:var(--color-row-hover);color:var(--color-text)}.ds-dialog .ds-dialog__close:focus-visible{box-shadow:var(--focus-ring)}.ds-dialog .ds-dialog__description{margin:calc(var(--space-2) * -1) 0 0;color:var(--color-text-2);font-size:var(--text-body);line-height:var(--text-leading-body)}.ds-dialog .ds-dialog__body{gap:var(--space-4);display:grid}.ds-dialog .ds-dialog__description:empty,.ds-dialog .ds-dialog__body:empty,.ds-dialog .ds-dialog__actions:empty{display:none}.ds-dialog .ds-dialog__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;padding-block-start:var(--space-2);display:flex}.ds-dialog[data-fixed]{z-index:var(--z-dialog);position:fixed;inset:0}
.ds-drawer{box-sizing:border-box;background:var(--color-overlay);block-size:100%;inline-size:100%;font-family:var(--font-sans);justify-content:flex-end;display:flex}.ds-drawer.ds-drawer--bottom{justify-content:stretch;align-items:flex-end}.ds-drawer .ds-drawer__panel{box-sizing:border-box;inline-size:min(100%, calc(var(--space-24) * 4 + var(--space-8)));background:var(--color-surface);block-size:100%;box-shadow:var(--shadow-dialog);color:var(--color-text);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.ds-drawer.ds-drawer--bottom .ds-drawer__panel{border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);block-size:auto;max-block-size:85%;inline-size:100%}.ds-drawer .ds-drawer__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-block-end:var(--border-width) solid var(--color-border);display:flex;position:relative}.ds-drawer .ds-drawer__grip{display:none}.ds-drawer.ds-drawer--bottom .ds-drawer__grip{inline-size:var(--space-10);block-size:var(--space-1);border-radius:var(--radius-pill);background:var(--color-border-strong);display:block;position:absolute;inset-block-start:var(--space-2);inset-inline-start:calc(50% - var(--space-5))}.ds-drawer .ds-drawer__title{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--font-weight-heading);line-height:var(--text-leading-heading);letter-spacing:var(--text-tracking-heading);margin:0}.ds-drawer .ds-drawer__close{inline-size:var(--tap-min);block-size:var(--tap-min);border-radius:var(--radius-control);color:var(--color-text-2);cursor:pointer;background:0 0;border:0;outline:none;flex:none;place-items:center;padding:0;display:inline-grid}.ds-drawer .ds-drawer__close:hover{background:var(--color-row-hover);color:var(--color-text)}.ds-drawer .ds-drawer__close:focus-visible{box-shadow:var(--focus-ring)}.ds-drawer .ds-drawer__body{align-content:start;gap:var(--space-4);padding:var(--space-5);display:grid;overflow:auto}.ds-drawer .ds-drawer__footer{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-block-start:var(--border-width) solid var(--color-border);background:var(--color-surface);display:flex}.ds-drawer .ds-drawer__footer>*{flex:1}.ds-drawer .ds-drawer__footer:empty{display:none}.ds-drawer[data-fixed]{z-index:var(--z-drawer);position:fixed;inset:0}
.ds-tooltip{display:inline-flex;position:relative}.ds-tooltip .ds-tooltip__bubble{z-index:var(--z-toast);inline-size:max-content;max-inline-size:calc(var(--space-24) * 2.5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-inverse);color:var(--color-on-inverse);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-medium);line-height:var(--text-leading-ui);text-align:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--motion-ease);position:absolute}.ds-tooltip[data-ds-state=open] .ds-tooltip__bubble,.ds-tooltip:hover .ds-tooltip__bubble,.ds-tooltip:focus-within .ds-tooltip__bubble{visibility:visible;opacity:1}.ds-tooltip[data-dismissed] .ds-tooltip__bubble{visibility:hidden;opacity:0}.ds-tooltip.ds-tooltip--top .ds-tooltip__bubble{inset-block-end:calc(100% + var(--space-2));inset-inline-start:50%;transform:translate(-50%)}.ds-tooltip.ds-tooltip--bottom .ds-tooltip__bubble{inset-block-start:calc(100% + var(--space-2));inset-inline-start:50%;transform:translate(-50%)}.ds-tooltip.ds-tooltip--left .ds-tooltip__bubble{inset-block-start:50%;inset-inline-end:calc(100% + var(--space-2));transform:translateY(-50%)}.ds-tooltip.ds-tooltip--right .ds-tooltip__bubble{inset-block-start:50%;inset-inline-start:calc(100% + var(--space-2));transform:translateY(-50%)}
.ds-skeleton{inline-size:100%;block-size:var(--space-4);border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-3) 0%, var(--color-surface-2) 50%, var(--color-surface-3) 100%) 0 0 / 200% 100%;animation:ds-skeleton-shine calc(var(--motion-slow) * 5) linear infinite;display:block}.ds-skeleton.ds-skeleton--title{block-size:var(--space-6)}.ds-skeleton.ds-skeleton--rect{block-size:var(--space-24)}.ds-skeleton.ds-skeleton--media{block-size:auto;aspect-ratio:var(--ratio-product);border-radius:var(--radius-card)}.ds-skeleton.ds-skeleton--circle{inline-size:var(--space-10);block-size:var(--space-10);border-radius:var(--radius-pill)}.ds-skeleton.ds-skeleton--control{block-size:var(--control-height-md);border-radius:var(--radius-control)}@keyframes ds-skeleton-shine{to{background-position:-200% 0}}
.ds-empty-state{justify-items:center;gap:var(--space-3);max-inline-size:48ch;padding:var(--space-10) var(--space-4);color:var(--color-text);font-family:var(--font-sans);text-align:center;margin-inline:auto;display:grid}.ds-empty-state.ds-empty-state--sm{gap:var(--space-2);padding:var(--space-6) var(--space-4)}.ds-empty-state .ds-empty-state__icon{inline-size:var(--space-16);block-size:var(--space-16);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-2);place-items:center;margin-block-end:var(--space-2);display:inline-grid}.ds-empty-state.ds-empty-state--sm .ds-empty-state__icon{inline-size:var(--space-12);block-size:var(--space-12);margin-block-end:0}.ds-empty-state .ds-empty-state__title{font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--font-weight-heading);line-height:var(--text-leading-heading);letter-spacing:var(--text-tracking-heading);margin:0}.ds-empty-state.ds-empty-state--sm .ds-empty-state__title{font-size:var(--text-h4)}.ds-empty-state .ds-empty-state__description{color:var(--color-text-2);font-size:var(--text-body);line-height:var(--text-leading-body);margin:0}.ds-empty-state .ds-empty-state__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.ds-empty-state .ds-empty-state__description:empty,.ds-empty-state .ds-empty-state__actions:empty{display:none}
.ds-spinner{color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex;position:relative}.ds-spinner.ds-spinner--current{color:inherit}.ds-spinner .ds-spinner__ring{box-sizing:border-box;inline-size:var(--space-6);block-size:var(--space-6);border:var(--border-width-strong) solid color-mix(in oklab, currentColor 22%, transparent);border-radius:var(--radius-pill);animation:ds-spinner-turn calc(var(--motion-slow) * 2.5) linear infinite;border-block-start-color:currentColor}.ds-spinner.ds-spinner--sm .ds-spinner__ring{inline-size:var(--space-4);block-size:var(--space-4)}.ds-spinner.ds-spinner--lg .ds-spinner__ring{inline-size:var(--space-10);block-size:var(--space-10);border-width:calc(var(--border-width-strong) * 1.5)}.ds-spinner .ds-spinner__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@keyframes ds-spinner-turn{to{transform:rotate(1turn)}}
.ds-avatar{inline-size:var(--space-8);block-size:var(--space-8);border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;-webkit-user-select:none;user-select:none;flex:none;place-items:center;line-height:1;display:inline-grid}.ds-avatar.ds-avatar--sm{inline-size:var(--space-6);block-size:var(--space-6);font-size:var(--text-caption)}.ds-avatar.ds-avatar--lg{inline-size:var(--space-12);block-size:var(--space-12);font-size:var(--text-h4)}.ds-avatar.ds-avatar--accent{background:var(--color-accent-soft);color:var(--color-accent)}.ds-avatar.ds-avatar--inverse{background:var(--color-inverse);color:var(--color-on-inverse)}
.ds-divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-caption);line-height:var(--text-leading-ui);display:flex}.ds-divider.ds-divider--horizontal{inline-size:100%}.ds-divider.ds-divider--horizontal:before,.ds-divider.ds-divider--horizontal:after{content:"";border-block-start:var(--border-width) solid var(--color-border);flex:1}.ds-divider.ds-divider--horizontal:has(.ds-divider__label:empty){gap:0}.ds-divider.ds-divider--vertical{min-block-size:var(--space-6);border-inline-start:var(--border-width) solid var(--color-border);align-self:stretch}.ds-divider .ds-divider__label:empty,.ds-divider.ds-divider--vertical .ds-divider__label{display:none}.ds-divider[data-strong]:before,.ds-divider[data-strong]:after,.ds-divider.ds-divider--vertical[data-strong]{border-color:var(--color-border-strong)}
.ds-accordion{border-block-end:var(--border-width) solid var(--color-border);color:var(--color-text);font-family:var(--font-sans)}.ds-accordion:first-child{border-block-start:var(--border-width) solid var(--color-border)}.ds-accordion+.ds-accordion{border-block-start:0}.ds-accordion .ds-accordion__summary{align-items:center;gap:var(--space-3);min-block-size:calc(var(--tap-min) + var(--space-3));padding-inline:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--font-weight-semibold);cursor:pointer;outline:none;list-style:none;display:flex}.ds-accordion .ds-accordion__summary::-webkit-details-marker{display:none}.ds-accordion .ds-accordion__title{flex:1}.ds-accordion .ds-accordion__meta{color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--font-weight-regular)}.ds-accordion .ds-accordion__meta:empty{display:none}.ds-accordion .ds-accordion__chevron{color:var(--color-text-2);transition:transform var(--motion-base) var(--motion-ease)}.ds-accordion[open] .ds-accordion__chevron{transform:rotate(180deg)}.ds-accordion[data-ds-state=hover] .ds-accordion__summary,.ds-accordion .ds-accordion__summary:hover{background:var(--color-row-hover)}.ds-accordion[data-ds-state=focus] .ds-accordion__summary,.ds-accordion .ds-accordion__summary:focus-visible{box-shadow:var(--focus-ring)}.ds-accordion .ds-accordion__content{padding:0 var(--space-2) var(--space-5);color:var(--color-text-2);font-size:var(--text-body);line-height:var(--text-leading-body)}
@layer components{.ds-campaign-banner{box-sizing:border-box;border:var(--border-width) solid transparent;border-radius:var(--radius-lg);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-sans);display:block;overflow:hidden;container-type:inline-size}.ds-campaign-banner .ds-campaign-banner__inner{grid-template-columns:5fr 6fr;block-size:100%;display:grid}.ds-campaign-banner .ds-campaign-banner__copy{justify-content:center;align-items:flex-start;gap:var(--space-3);padding:var(--space-10);flex-direction:column;display:flex}.ds-campaign-banner .ds-campaign-banner__kicker{color:var(--color-price-sale);font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--text-tracking-caps);text-transform:uppercase;margin:0}.ds-campaign-banner .ds-campaign-banner__title{font-family:var(--font-heading);font-size:var(--text-display);font-weight:var(--font-weight-black);line-height:var(--text-leading-tight);letter-spacing:var(--text-tracking-display);text-wrap:balance;margin:0}.ds-campaign-banner .ds-campaign-banner__text{color:var(--color-text-2);margin:0}.ds-campaign-banner .ds-campaign-banner__cta{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding:0 var(--space-6);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-bold);outline:none;margin-block-start:var(--space-1);text-decoration:none;display:inline-flex}.ds-campaign-banner .ds-campaign-banner__cta:hover{background:var(--color-accent-hover)}.ds-campaign-banner .ds-campaign-banner__cta:focus-visible{box-shadow:var(--focus-ring)}.ds-campaign-banner .ds-campaign-banner__img{block-size:100%;inline-size:100%;aspect-ratio:var(--ratio-category);object-fit:cover;background:var(--color-surface-3);display:block}.ds-campaign-banner .ds-campaign-banner__img--empty{color:var(--color-text-muted);font-size:var(--text-small);text-align:center;place-items:center;display:grid}.ds-campaign-banner picture{display:contents}.ds-campaign-banner picture source{display:none}@container (min-width:641px) and (max-width:960px){.ds-campaign-banner.ds-campaign-banner--hero .ds-campaign-banner__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.ds-campaign-banner.ds-campaign-banner--hero .ds-campaign-banner__copy{padding:var(--space-8)}.ds-campaign-banner.ds-campaign-banner--hero .ds-campaign-banner__title{font-size:calc((var(--text-display) + var(--text-h1)) / 2)}}@container (max-width:640px){.ds-campaign-banner.ds-campaign-banner--hero .ds-campaign-banner__inner{grid-template-columns:minmax(0,1fr)}.ds-campaign-banner.ds-campaign-banner--hero .ds-campaign-banner__img{block-size:auto;aspect-ratio:var(--ratio-hero-mobile);grid-row:1}.ds-campaign-banner.ds-campaign-banner--hero .ds-campaign-banner__copy{padding:var(--space-5);align-items:stretch}.ds-campaign-banner.ds-campaign-banner--hero .ds-campaign-banner__cta{justify-content:center}}}
.ds-demo-band{box-sizing:border-box;padding:var(--space-1) var(--space-4);border-block-end:var(--border-width) solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);font-family:var(--font-sans);font-size:var(--text-caption);line-height:var(--text-leading-ui);text-align:center;margin:0}.ds-demo-band__text{margin:0}.ds-demo-band__access{justify-content:center;gap:0 var(--space-3);flex-wrap:wrap;margin:0;display:flex}.ds-demo-band__access code{font-family:var(--font-mono);color:var(--color-text);overflow-wrap:anywhere}.ds-demo-band__access a{color:var(--color-text)}.ds-demo-band__compact{display:none}.ds-demo-band__compact>summary{cursor:pointer;text-decoration:underline}@media (max-width:639px){.ds-demo-band__access--wide{display:none}.ds-demo-band__compact{display:block}.ds-demo-band__compact .ds-demo-band__access{flex-direction:column;align-items:center}}
.ds-site-header{box-sizing:border-box;border-block-end:var(--border-width) solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);display:block;position:relative;container-type:inline-size}.ds-site-header .ds-site-header__inner{box-sizing:border-box;max-inline-size:var(--layout-max);padding-inline:var(--layout-gutter);margin-inline:auto}.ds-site-header .ds-site-header__utility{min-block-size:var(--space-8);justify-content:flex-end;align-items:center;display:none}.ds-site-header .ds-site-header__utility ul{align-items:center;gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}.ds-site-header .ds-site-header__utility a{min-block-size:var(--space-8);color:var(--color-text-2);font-size:var(--text-caption);align-items:center;text-decoration:none;display:flex}.ds-site-header .ds-site-header__utility a:hover{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline}.ds-site-header .ds-site-header__utility a:focus-visible{box-shadow:var(--focus-ring);outline:none}.ds-site-header .ds-site-header__row{align-items:center;gap:var(--space-6);min-block-size:calc(var(--space-16) + var(--space-2));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ds-site-header .ds-site-header__logo{min-block-size:var(--tap-min);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-heading);font-size:var(--text-h2);font-weight:var(--font-weight-black);letter-spacing:var(--text-tracking-display);outline:none;align-items:center;line-height:1;text-decoration:none;display:inline-flex}.ds-site-header .ds-site-header__logo em{color:var(--color-accent);font-style:normal}.ds-site-header .ds-site-header__search{box-sizing:border-box;inline-size:100%;max-inline-size:calc(var(--space-24) * 8);justify-self:center;min-inline-size:0}.ds-site-header .ds-site-header__actions{align-items:center;gap:var(--space-1);display:flex}.ds-site-header .ds-site-header__act{min-inline-size:var(--tap-min);min-block-size:var(--tap-min);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);color:var(--color-text);font-size:var(--text-caption);font-weight:var(--font-weight-medium);line-height:var(--text-leading-ui);outline:none;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.ds-site-header .ds-site-header__act:hover{background:var(--color-row-hover)}.ds-site-header .ds-site-header__lang{color:var(--color-text-muted);font-size:var(--text-small)}.ds-site-header .ds-site-header__lang [data-current]{color:var(--color-accent);font-weight:var(--font-weight-bold);text-underline-offset:.25em;text-decoration:underline}.ds-site-header .ds-site-header__lbl{color:var(--color-text-2)}.ds-site-header .ds-site-header__count{min-inline-size:var(--space-5);block-size:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-caption);font-weight:var(--font-weight-bold);font-variant-numeric:var(--font-numeric);place-items:center;line-height:1;display:grid;position:absolute;inset-block-start:calc(var(--space-1) * -1);inset-inline-end:calc(var(--space-1) * -1)}.ds-site-header[data-count="0"] .ds-site-header__count{display:none}.ds-site-header .ds-site-header__act--cart{gap:var(--space-2);padding-inline:var(--space-3);background:var(--color-accent);color:var(--color-on-accent);flex-direction:row}.ds-site-header .ds-site-header__act--cart:hover{background:var(--color-accent-hover)}.ds-site-header .ds-site-header__act--cart .ds-site-header__lbl{color:var(--color-on-accent);text-align:start;display:grid}.ds-site-header .ds-site-header__act--cart .ds-site-header__count{background:var(--color-bg);color:var(--color-accent)}.ds-site-header .ds-site-header__icon{display:inline-flex;position:relative}.ds-site-header .ds-site-header__total{color:var(--color-on-accent);font-size:var(--text-small);font-weight:var(--font-weight-bold);font-variant-numeric:var(--font-numeric);display:none}.ds-site-header .ds-site-header__sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ds-site-header :is(.ds-site-header__logo,.ds-site-header__act):focus-visible{box-shadow:var(--focus-ring)}.ds-site-header .ds-site-header__color-strip{block-size:calc(var(--border-width-strong) * 2);background:linear-gradient(90deg, var(--color-accent) 0 25%, var(--color-success) 25% 50%, var(--color-warning) 50% 75%, var(--color-price-sale) 75% 100%)}.ds-site-header .ds-site-header__nav{background:var(--color-surface-2)}.ds-site-header .ds-site-header__nav>.ds-site-header__inner{padding-block:var(--space-1)}@container (min-width:1024px){.ds-site-header .ds-site-header__utility{display:flex}}@container (min-width:1280px){.ds-site-header .ds-site-header__total{display:block}}@container (max-width:1023px){.ds-site-header .ds-site-header__utility{display:none}}@container (max-width:720px){.ds-site-header .ds-site-header__row{gap:var(--space-2) var(--space-3);min-block-size:0;padding-block:var(--space-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo actions""search search"}.ds-site-header .ds-site-header__logo{font-size:var(--text-h3);grid-area:logo}.ds-site-header .ds-site-header__search{grid-area:search;max-inline-size:none}.ds-site-header .ds-site-header__actions{grid-area:actions}.ds-site-header .ds-account-menu,.ds-site-header .ds-site-header__act--favorites,.ds-site-header .ds-site-header__lang,.ds-site-header .ds-site-header__nav{display:none}.ds-site-header .ds-site-header__act--cart{min-inline-size:var(--tap-min);padding-inline:var(--space-2)}.ds-site-header .ds-site-header__act--cart .ds-site-header__lbl{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
.ds-search-box{font-family:var(--font-sans);margin:0;display:block;position:relative;container-type:inline-size}.ds-search-box .ds-search-box__field{box-sizing:border-box;block-size:var(--tap-min);border:var(--border-width-strong) solid var(--color-text);border-radius:var(--radius-md);background:var(--color-bg);align-items:stretch;display:flex;overflow:hidden}.ds-search-box[data-ds-state=focus] .ds-search-box__field{box-shadow:var(--focus-ring)}.ds-search-box .ds-search-box__field:has(.ds-search-box__input:focus-visible){box-shadow:var(--focus-ring)}.ds-search-box .ds-search-box__input{min-inline-size:0;padding:0 var(--space-4);color:var(--color-text);font:inherit;font-size:var(--text-control);appearance:none;background:0 0;border:0;outline:none;flex:1;margin:0}.ds-search-box .ds-search-box__input::-webkit-search-cancel-button{appearance:none}.ds-search-box .ds-search-box__input::placeholder{color:var(--color-text-muted);opacity:1}.ds-search-box .ds-search-box__clear,.ds-search-box .ds-search-box__submit{justify-content:center;align-items:center;gap:var(--space-2);min-inline-size:var(--tap-min);font:inherit;cursor:pointer;border:0;outline:none;margin:0;display:inline-flex}.ds-search-box .ds-search-box__clear{color:var(--color-text-2);background:0 0}.ds-search-box:not([data-value]) .ds-search-box__clear,.ds-search-box[data-value=""] .ds-search-box__clear{display:none}.ds-search-box .ds-search-box__submit{padding:0 var(--space-5);background:var(--color-inverse);color:var(--color-on-inverse);font-weight:var(--font-weight-semibold)}.ds-search-box .ds-search-box__submit:hover{background:var(--color-text-2)}.ds-search-box :is(.ds-search-box__clear,.ds-search-box__submit):focus-visible{box-shadow:inset 0 0 0 var(--border-width-strong) var(--color-focus-inverse)}.ds-search-box .ds-search-box__clear:focus-visible{box-shadow:inset 0 0 0 var(--border-width-strong) var(--color-focus)}.ds-search-box .ds-search-box__suggest{z-index:var(--z-header);position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline:0}.ds-search-box:not([data-open]) .ds-search-box__suggest{display:none}.ds-search-box .ds-search-box__sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@container (max-width:480px){.ds-search-box .ds-search-box__submit{padding:0}.ds-search-box .ds-search-box__submit-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
.ds-search-suggest{box-sizing:border-box;gap:var(--space-2);padding:var(--space-3) 0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover);color:var(--color-text);font-family:var(--font-sans);display:grid}.ds-search-suggest .ds-search-suggest__head{padding-inline:var(--space-4);justify-content:space-between;align-items:center;display:flex}.ds-search-suggest .ds-search-suggest__title{color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-tracking-caps);text-transform:uppercase}.ds-search-suggest .ds-search-suggest__clear{min-block-size:var(--tap-min);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-accent);font:inherit;font-size:var(--text-small);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0;outline:none;margin:0}.ds-search-suggest .ds-search-suggest__list,.ds-search-suggest .ds-search-suggest__product-list{margin:0;padding:0;list-style:none}.ds-search-suggest .ds-search-suggest__list a{align-items:center;gap:var(--space-3);min-block-size:var(--tap-min);padding:0 var(--space-4);color:var(--color-text-2);outline:none;text-decoration:none;display:flex}.ds-search-suggest .ds-search-suggest__list mark{color:var(--color-text);font-weight:var(--font-weight-bold);background:0 0}.ds-search-suggest .ds-search-suggest__list a:hover,.ds-search-suggest .ds-search-suggest__list [aria-selected=true]>a{background:var(--color-row-hover);color:var(--color-text)}.ds-search-suggest .ds-search-suggest__list [aria-selected=true]>a{box-shadow:inset var(--border-width-strong) 0 0 var(--color-accent)}.ds-search-suggest .ds-search-suggest__products{gap:var(--space-1);border-block-start:var(--border-width) solid var(--color-border);margin-block-start:var(--space-1);padding-block-start:var(--space-3);display:grid}.ds-search-suggest .ds-search-suggest__products>.ds-search-suggest__title{padding-inline:var(--space-4)}.ds-search-suggest .ds-search-suggest__product-list a{grid-template-columns:var(--space-12) minmax(0, 1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--color-text);font-size:var(--text-small);font-weight:var(--font-weight-medium);outline:none;text-decoration:none;display:grid}.ds-search-suggest .ds-search-suggest__product-list a:hover{background:var(--color-row-hover)}.ds-search-suggest .ds-search-suggest__product-list img{inline-size:var(--space-12);block-size:var(--space-12);aspect-ratio:var(--ratio-product);border-radius:var(--radius-sm);background:var(--color-surface-2);object-fit:cover;display:block}.ds-search-suggest :is(a,button):focus-visible{box-shadow:inset 0 0 0 var(--border-width-strong) var(--color-focus)}.ds-search-suggest .ds-search-suggest__empty{justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);color:var(--color-text-2);text-align:center;display:none}.ds-search-suggest .ds-search-suggest__empty>.ds-icon{color:var(--color-text-muted)}.ds-search-suggest .ds-search-suggest__empty-title{color:var(--color-text);font-weight:var(--font-weight-semibold);margin:0}.ds-search-suggest .ds-search-suggest__empty-text{font-size:var(--text-small);margin:0}.ds-search-suggest .ds-search-suggest__empty-link{min-block-size:var(--tap-min);border-radius:var(--radius-sm);color:var(--color-accent);font-weight:var(--font-weight-semibold);outline:none;align-items:center;text-decoration:none;display:inline-flex}.ds-search-suggest.ds-search-suggest--recent :is(.ds-search-suggest__title--suggest,.ds-search-suggest__products,.ds-search-suggest__empty),.ds-search-suggest.ds-search-suggest--suggest :is(.ds-search-suggest__title--recent,.ds-search-suggest__clear,.ds-search-suggest__empty),.ds-search-suggest.ds-search-suggest--empty :is(.ds-search-suggest__head,.ds-search-suggest__list,.ds-search-suggest__products){display:none}.ds-search-suggest.ds-search-suggest--empty .ds-search-suggest__empty{display:grid}.ds-search-suggest .ds-search-suggest__products:not(:has(li)){display:none}
.ds-category-nav{color:var(--color-text);font-family:var(--font-sans);display:block;position:relative;container-type:inline-size}.ds-category-nav .ds-category-nav__list{scrollbar-width:none;justify-content:safe center;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.ds-category-nav .ds-category-nav__list>li{flex:none}.ds-category-nav .ds-category-nav__list>li>:is(a,button){justify-content:center;align-items:center;gap:var(--space-1);min-inline-size:var(--tap-min);min-block-size:var(--tap-min);max-inline-size:calc(var(--space-24) * 2);padding:var(--space-1) var(--space-3);border:0;border-inline-end:var(--border-width) solid var(--color-border);border-block-end:var(--border-width-strong) solid transparent;color:inherit;font:inherit;font-size:var(--text-body);font-weight:var(--font-weight-semibold);line-height:var(--text-leading-ui);text-align:center;cursor:pointer;background:0 0;outline:none;margin:0;text-decoration:none;display:flex}.ds-category-nav .ds-category-nav__list>li>:is(a,button):hover,.ds-category-nav .ds-category-nav__list>li>[aria-expanded=true],.ds-category-nav .ds-category-nav__list>li>[aria-current=page]{border-block-end-color:var(--color-text)}.ds-category-nav .ds-category-nav__list>li>:is(a,button):focus-visible{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 var(--border-width-strong) var(--color-focus)}.ds-category-nav .ds-category-nav__list>li>[data-kind=all]{color:var(--color-accent)}.ds-category-nav .ds-category-nav__list>li>[data-kind=sale]{color:var(--color-price-sale)}.ds-category-nav .ds-category-nav__panel{z-index:var(--z-header);position:absolute;inset-block-start:100%;inset-inline:0}.ds-category-nav .ds-category-nav__panel:empty{display:none}@container (max-width:720px){.ds-category-nav .ds-category-nav__list>li>:is(a,button){padding-inline:var(--space-2);font-size:var(--text-small)}.ds-category-nav .ds-category-nav__panel{display:none}}
.ds-mega-menu{box-sizing:border-box;gap:var(--space-8);padding:var(--space-6) var(--space-8);border:var(--border-width) solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover);color:var(--color-text);font-family:var(--font-sans);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.ds-mega-menu .ds-mega-menu__main{align-content:start;gap:var(--space-4);display:grid}.ds-mega-menu .ds-mega-menu__all{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);border-radius:var(--radius-sm);color:var(--color-accent);font-weight:var(--font-weight-bold);outline:none;justify-self:start;text-decoration:none;display:inline-flex}.ds-mega-menu .ds-mega-menu__cols{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ds-mega-menu .ds-mega-menu__cols h3{margin:0 0 var(--space-1);font-family:var(--font-heading);font-size:var(--text-h4);font-weight:var(--font-weight-heading);line-height:var(--text-leading-heading)}.ds-mega-menu .ds-mega-menu__cols h3 a{color:inherit;text-decoration:none}.ds-mega-menu .ds-mega-menu__cols h3 a:hover{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline}.ds-mega-menu .ds-mega-menu__cols ul{margin:0;padding:0;list-style:none}.ds-mega-menu .ds-mega-menu__cols a{min-block-size:var(--control-height-sm);border-radius:var(--radius-sm);color:var(--color-text-2);font-size:var(--text-body);outline:none;align-items:center;text-decoration:none;display:flex}.ds-mega-menu .ds-mega-menu__cols a:hover{color:var(--color-text);text-underline-offset:.2em;text-decoration:underline}.ds-mega-menu a:focus-visible{box-shadow:var(--focus-ring)}.ds-mega-menu .ds-mega-menu__feature:empty{display:none}
.ds-mobile-nav{box-sizing:border-box;inline-size:100%;border-block-start:var(--border-width) solid var(--color-border);background:var(--color-bg);font-family:var(--font-sans);padding-block-end:env(safe-area-inset-bottom,0px);display:block}.ds-mobile-nav .ds-mobile-nav__list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.ds-mobile-nav .ds-mobile-nav__list>a{justify-content:center;align-items:center;gap:var(--space-1);min-block-size:calc(var(--tap-min) + var(--space-3));padding:var(--space-1) 0;color:var(--color-text-2);font-size:var(--text-caption);font-weight:var(--font-weight-medium);line-height:var(--text-leading-ui);outline:none;flex-direction:column;text-decoration:none;display:flex;position:relative}.ds-mobile-nav .ds-mobile-nav__list>a[aria-current=page]{color:var(--color-accent);font-weight:var(--font-weight-bold)}.ds-mobile-nav .ds-mobile-nav__list>a[aria-current=page]:before{content:"";inset-block-start:calc(var(--border-width) * -1);inset-inline:var(--space-3);block-size:var(--border-width-strong);border-radius:var(--radius-pill);background:currentColor;position:absolute}.ds-mobile-nav .ds-mobile-nav__list>a:focus-visible{box-shadow:inset 0 0 0 var(--border-width-strong) var(--color-focus)}.ds-mobile-nav .ds-mobile-nav__list>a>.ds-badge{border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);position:absolute;inset-block-start:var(--space-1);inset-inline-start:calc(50% + var(--space-1))}
.ds-site-footer{padding-block:var(--space-10) var(--space-6);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-small);display:block;position:relative;container-type:inline-size}.ds-site-footer .ds-site-footer__inner{max-inline-size:var(--layout-max);padding-inline:var(--layout-gutter);margin-inline:auto}.ds-site-footer .ds-site-footer__grid{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ds-site-footer :is(.ds-site-footer__name,.ds-site-footer__grid h3){margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:var(--text-h4);font-weight:var(--font-weight-heading);line-height:var(--text-leading-heading)}.ds-site-footer .ds-site-footer__about-text{color:var(--color-text-2);line-height:var(--text-leading-body);margin:0}.ds-site-footer .ds-site-footer__grid ul{margin:0;padding:0;list-style:none}.ds-site-footer .ds-site-footer__grid li a{min-inline-size:var(--tap-min);min-block-size:var(--tap-min);border-radius:var(--radius-sm);color:var(--color-text-2);outline:none;align-items:center;text-decoration:none;display:inline-flex}.ds-site-footer .ds-site-footer__grid li a:hover{color:var(--color-text);text-underline-offset:.2em;text-decoration:underline}.ds-site-footer a:focus-visible{box-shadow:var(--focus-ring)}.ds-site-footer .ds-site-footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-3);border-block-start:var(--border-width) solid var(--color-border-strong);color:var(--color-text-muted);font-size:var(--text-caption);flex-wrap:wrap;margin-block-start:var(--space-8);padding-block-start:var(--space-4);display:flex}.ds-site-footer .ds-site-footer__copy{margin:0}.ds-site-footer .ds-site-footer__pay{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ds-site-footer .ds-pay-mark{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-1);min-inline-size:var(--space-12);block-size:var(--space-8);padding:0 var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-semibold);display:inline-flex}.ds-site-footer .ds-pay-mark .ds-pay-mark__svg{inline-size:auto;block-size:var(--space-4);display:block}.ds-site-footer .ds-pay-mark[data-mark=visa] .ds-pay-mark__svg{block-size:calc(var(--space-3) + var(--border-width-strong))}.ds-site-footer .ds-pay-mark[data-mark=mastercard] .ds-pay-mark__svg{block-size:var(--space-5)}.ds-site-footer .ds-pay-mark[data-mark=transfer]{color:var(--color-text-2)}.ds-site-footer .ds-site-footer__sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}@container (max-width:720px){.ds-site-footer{padding-block:var(--space-8) var(--space-6)}.ds-site-footer .ds-site-footer__grid{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.ds-site-footer .ds-site-footer__about{grid-column:1/-1}}

*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--text-leading-body);margin:0}h1,h2,h3,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}.page{gap:var(--space-6);min-width:0;max-width:var(--layout-max);display:grid}.page-wide{gap:var(--space-6);min-width:0;display:grid}.page>*,.page-wide>*,.section>*,.surface>*,.stack>*,.stack-tight>*{min-width:0}.section{gap:var(--space-3);min-width:0;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.section-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:var(--text-h3);line-height:var(--text-leading-heading);letter-spacing:var(--text-tracking-heading)}.section-note{color:var(--color-text-muted);font-size:var(--text-small)}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.attr-rows{gap:var(--space-2);display:grid}.attr-row{grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.4fr) var(--space-16) calc(var(--space-24) + var(--space-4));gap:var(--space-2);align-items:center;display:grid}.attr-row--head>:nth-child(4){text-align:center}.attr-row:not(.attr-row--head) .ds-checkbox__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.attr-row>.ds-checkbox{justify-self:center}.attr-row__actions{gap:var(--space-1);display:flex}.queue-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.split{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--space-24) * 4));gap:var(--space-5);align-items:start;display:grid}.split-even{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.master{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--space-24) * 5));gap:var(--space-5);align-items:start;display:grid}.master.master-list-wide{grid-template-columns:minmax(0, 1fr) minmax(0, calc(var(--space-24) * 4))}.master-tree{grid-template-columns:minmax(0, calc(var(--space-24) * 4)) minmax(0, 1fr);gap:var(--space-5);align-items:start;display:grid}.stack{gap:var(--space-5);align-content:start;min-width:0;display:grid}.stack-tight{gap:var(--space-3);align-content:start;min-width:0;display:grid}.row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.row-end{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.surface{gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;display:grid}.surface-flush{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;overflow:hidden}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-small)}.caption{color:var(--color-text-muted);font-size:var(--text-caption)}.mono{font-family:var(--font-mono);font-size:var(--text-small)}.num{font-variant-numeric:var(--font-numeric)}.strong{font-weight:var(--font-weight-semibold)}.text-link{align-items:center;gap:var(--space-1);min-height:var(--space-6);color:var(--color-accent);text-underline-offset:.2em;display:inline-flex}.label-caps{color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-tracking-caps);text-transform:uppercase}.product-cell{align-items:center;gap:var(--space-3);min-width:0;display:flex}.product-cell-text{min-width:0;display:grid}.table-foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);width:100%;font-size:var(--text-small);font-variant-numeric:var(--font-numeric);flex-wrap:wrap;display:flex}.table-foot>.ds-pagination{flex:1 1 calc(var(--space-24) * 4)}.totals{gap:var(--space-2);font-size:var(--text-small);font-variant-numeric:var(--font-numeric);display:grid}.totals>div{justify-content:space-between;gap:var(--space-4);display:flex}.totals>.totals-grand{padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.note-list{gap:var(--space-3);display:grid}.note{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);font-size:var(--text-small);display:grid}.record-list{gap:var(--space-3);display:none}.only-wide{display:block}.only-narrow{display:none}.dialog-stage{min-height:calc(var(--space-24) * 7);position:relative}.dialog-overlay{z-index:var(--z-dialog);position:fixed;inset:0}.auth{min-height:100%;padding:var(--space-8) var(--space-4);background:var(--color-surface-2);place-items:center;display:grid}.auth-card{gap:var(--space-6);width:min(100%, calc(var(--space-24) * 4 + var(--space-8)));padding:var(--space-8);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.auth-brand{align-items:center;gap:var(--space-3);display:flex}.auth-brand-text{display:grid}.auth-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:var(--text-h2);line-height:var(--text-leading-heading);letter-spacing:var(--text-tracking-heading)}.auth-form{gap:var(--space-4);display:grid}.auth-foot{justify-content:space-between;gap:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--text-caption);flex-wrap:wrap;display:flex}.setup-steps{display:grid}.setup-step{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) 0;border-top:var(--border-width) solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.setup-step:first-child{border-top:0;padding-top:0}.setup-step-mark{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric);place-items:center;display:grid}.setup-step-mark[data-done]{background:var(--color-success-soft);color:var(--color-success)}.setup-step-text{gap:var(--space-1);min-width:0;display:grid}@media (max-width:1279px){.queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023px){.split,.split-even,.master,.master.master-list-wide,.master-tree{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.page,.page-wide{gap:var(--space-5)}.auth{padding:var(--space-6) var(--space-4);place-items:start center}.auth-card{padding:var(--space-6) var(--space-5)}.setup-step{grid-template-columns:auto minmax(0,1fr)}.setup-step>:last-child{grid-column:2;justify-self:start}.queue-grid,.grid-4{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:minmax(0,1fr)}.surface{padding:var(--space-4)}.attr-row{padding-block:var(--space-2);border-block-end:var(--border-width) solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.attr-row--head{display:none}.attr-row:not(.attr-row--head) .ds-checkbox__label{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.attr-row>.ds-checkbox{justify-self:start}.record-list{display:grid}.only-wide{display:none}.only-narrow{display:block}.bulk-sticky{bottom:var(--space-4);z-index:var(--z-header);position:sticky}}.rule-list{gap:var(--space-3);display:grid}.rule-row{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;display:grid}.rule-join{color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-tracking-caps);text-transform:uppercase}.block-list{gap:var(--space-3);display:grid}.content-block{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;display:grid}.content-block[data-selected]{border-color:var(--color-focus);box-shadow:var(--focus-ring)}.content-block-head{align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--text-tracking-caps);text-transform:uppercase;display:flex}.content-block-head>:last-child{margin-left:auto}.product-strip{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mail-preview{padding:var(--space-6) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);justify-items:center;display:grid}.mail-sheet{gap:var(--space-4);width:min(100%, calc(var(--space-24) * 5.5));padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.mail-brand{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:var(--text-h3);letter-spacing:var(--text-tracking-heading)}.theme-option{gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);align-content:start;min-width:0;display:grid}.theme-option[data-selected]{border-color:var(--color-accent);box-shadow:inset 0 0 0 var(--border-width) var(--color-accent)}.theme-sample{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);display:grid}.theme-sample-title{font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:var(--text-h3);line-height:var(--text-leading-heading);letter-spacing:var(--text-tracking-heading)}.store-preview{gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);display:grid}.store-preview-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--color-border);flex-wrap:wrap;display:flex}.panel-auth-root{grid-template-rows:auto minmax(0,1fr);min-height:100dvh;display:grid}.panel-root{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.panel-user-menu{display:flex;position:relative}.panel-user-menu__pop{z-index:var(--z-header);min-width:calc(var(--space-24) * 1.5);padding:var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-dialog);position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0}@media (max-width:767px){.rule-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.product-strip{grid-template-columns:minmax(0,1fr)}.mail-preview{padding:var(--space-3) 0;background:0 0}.mail-sheet{padding:var(--space-4)}}@keyframes panel-sayfa-gir{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.ds-app-shell__main>*{animation:panel-sayfa-gir var(--motion-base) var(--motion-ease) both}}