.ds-button{--ds-button-accent:var(--color-brand-action);--ds-button-accent-hover:var(--color-brand-action-hover);--ds-button-foreground:var(--color-brand-tint-fg);--ds-button-height:var(--control-size,var(--control-height));justify-content:center;align-items:center;gap:var(--button-gap);min-height:var(--ds-button-min-height,max(var(--ds-button-height), var(--control-hit-min,0px)));min-width:var(--ds-button-min-width,auto);border:var(--stroke-thin) solid transparent;border-radius:var(--radius-control);color:var(--ds-button-foreground);font:inherit;font-size:max(var(--font-size-button), var(--control-text-min,0px));font-weight:var(--font-weight-button);line-height:var(--line-height-button);white-space:nowrap;cursor:pointer;transition:background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);background:0 0;padding:0 12px;text-decoration:none;display:inline-flex}.ds-button--1{--control-size:28px;padding-inline:var(--fine-space-10)}.ds-button--3{--control-size:40px;padding-inline:16px}.ds-button--comfortable{--control-size:var(--control-hit-touch)}.ds-button--variant-primary{background:var(--ds-button-accent);color:var(--color-on-brand)}.ds-button--variant-primary:hover:not(:disabled){background:var(--ds-button-accent-hover)}.ds-button--variant-outline{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.ds-button--variant-outline:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-text) 20%, var(--color-surface));background:var(--color-surface-sunken)}.ds-button--variant-brand-outline{border-color:var(--color-brand-tint-fg);color:var(--color-brand-tint-fg)}.ds-button--variant-brand-outline:hover:not(:disabled){background:var(--color-brand-100)}.ds-button--variant-ghost{color:var(--color-text);padding-inline:8px}.ds-button--variant-ghost:hover:not(:disabled){background:var(--color-ground)}.ds-button--variant-brand-ghost:hover:not(:disabled){background:var(--color-brand-100)}.ds-button--variant-brand-ghost{color:var(--color-brand-tint-fg);padding-inline:8px}.ds-button--variant-link{min-height:var(--control-hit-min,0px);min-width:var(--control-hit-min,0px);color:var(--color-brand-tint-fg);text-underline-offset:3px;border-color:#0000;padding-inline:0;text-decoration:underline;text-decoration-thickness:1px}.ds-button--variant-link:hover:not(:disabled){color:var(--color-brand-tint-fg);text-decoration-thickness:2px}.ds-button--variant-danger{--ds-button-accent:var(--color-danger);--ds-button-accent-hover:color-mix(in srgb, var(--color-danger) 88%, black);background:var(--ds-button-accent);color:var(--color-on-brand)}.ds-button--variant-danger:hover:not(:disabled){background:var(--ds-button-accent-hover)}.ds-button--variant-success{--ds-button-accent:var(--color-success-700);--ds-button-accent-hover:color-mix(in srgb, var(--color-success-700) 88%, black);background:var(--ds-button-accent);color:var(--color-on-brand)}.ds-button--variant-success:hover:not(:disabled){background:var(--ds-button-accent-hover)}.ds-button:focus-visible{outline:var(--stroke-emphasis) solid var(--ds-focus,var(--color-brand-action));outline-offset:0}.ds-button:disabled{background:var(--color-surface-sunken);border-color:var(--color-border);color:var(--color-text-faint);cursor:not-allowed;opacity:1}.ds-button--active:not(:disabled),.ds-button--active:hover:not(:disabled){background:var(--color-brand-100);color:var(--color-brand-tint-fg);border-color:var(--color-brand-tint-fg);box-shadow:none}.ds-button--block{width:var(--ds-button-block-width,100%)}.ds-button--wrap-label{white-space:normal;min-width:0;height:auto}.ds-button--icon{min-width:max(var(--ds-button-height), var(--control-hit-min,0px));padding-inline:var(--compact-inset)}.ds-button--icon.ds-button--1{min-width:var(--control-hit-touch);min-height:var(--control-hit-touch)}.ds-button--nested{min-height:var(--control-hit-min,0px);align-self:stretch;height:auto}.ds-button--nested.ds-button--icon{min-width:var(--control-hit-min,0px);min-height:var(--control-hit-min,0px)}.ds-button--edge-start{border-start-end-radius:0;border-end-end-radius:0}.ds-button--edge-end{border-start-start-radius:0;border-end-start-radius:0}.ds-button--inverse{--color-text:var(--color-text-on-dark);--ds-button-foreground:var(--color-text-on-dark);--color-surface:transparent;--color-surface-sunken:#ffffff1f;--color-ground:#ffffff1f}.ds-button--inverse:focus-visible{outline-color:var(--color-text-on-dark)}.ds-button--disabled-on-dark:disabled,.ds-button--inverse:disabled{color:#ffffffb3;background:#ffffff1a;border-color:#fff3}.ds-button--variant-link:disabled{color:var(--ds-button-foreground);opacity:.6;background:0 0;border-color:#0000}.ds-button--variant-upload{gap:var(--space-sm);padding:var(--space-xl);border:var(--stroke-emphasis) dashed var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-ground);color:var(--color-ink);flex-direction:column}.ds-button--variant-upload:hover:not(:disabled){border-color:var(--color-border-strong)}.ds-button--variant-listbox-row{height:auto;min-height:max(var(--ds-button-height), var(--control-hit-min,0px));width:100%;min-width:0;padding:var(--space-2) var(--space-3);text-align:left;white-space:normal;color:var(--color-text);border:0;border-bottom:var(--stroke-thin) solid var(--color-border);border-radius:0;justify-content:flex-start;align-items:flex-start}.ds-button--variant-listbox-row:last-child{border-bottom:0}.ds-button--variant-listbox-row:hover:not(:disabled),.ds-button--variant-listbox-row[aria-selected=true]:not(:disabled){background:var(--color-brand-100)}.ds-button--variant-listbox-row[aria-selected=true]:not(:disabled),.ds-button--variant-listbox-row:focus-visible{outline:var(--stroke-emphasis) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--stroke-emphasis))}.ds-button--variant-link.ds-button--link-dark-dashed{text-decoration-style:dashed;text-decoration-thickness:var(--stroke-thin);text-underline-offset:3px}.ds-button--variant-link.ds-button--link-dark-dashed:not(:disabled),.ds-button--variant-link.ds-button--link-dark-dashed:hover:not(:disabled){color:var(--color-text-on-dark)}.ds-button--variant-link.ds-button--link-dark-dashed:focus-visible{outline-color:var(--color-white)}.ds-button--variant-link.ds-button--link-dark-dashed:disabled{color:var(--white-on-dark-soft);opacity:1}.ds-menu{min-width:200px;padding:var(--compact-inset);border:var(--stroke-thin) solid color-mix(in srgb, var(--color-text) 22%, var(--color-surface));background:var(--color-surface);box-shadow:var(--shadow-popover);border-radius:8px;display:grid}.ds-menu button,.ds-menu__item{align-items:center;gap:var(--space-sm);width:100%;min-height:max(34px, var(--control-hit-min,0px));padding:var(--space-2) var(--fine-space-10);color:var(--color-text);font:inherit;white-space:normal;overflow-wrap:anywhere;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;display:flex}.ds-menu button:hover:not(:disabled),.ds-menu__item:hover:not(:disabled){background:var(--ds-surface-hover,var(--color-surface-sunken))}.ds-menu button:focus-visible,.ds-menu__item:focus-visible{outline:var(--stroke-emphasis) solid var(--ds-focus,var(--color-brand-action));outline-offset:0}.ds-menu .ds-menu__item:disabled,.ds-menu__item:disabled{color:var(--color-text-faint);cursor:not-allowed}.ds-menu .ds-menu__item--danger,.ds-menu__item--danger{color:var(--color-danger)}.ds-menu__item--selected{background:var(--color-surface-sunken)}