.ds-button,.ds-icon-button{--ds-button-background:var(--bg-transparent);--ds-button-background-hover:var(--bg-transparent-hover);--ds-button-background-pressed:var(--bg-transparent-pressed);--ds-button-foreground:var(--fg-text-secondary);--ds-button-focus-ring:var(--stroke-focus-ring);--ds-button-shadow:var(--shadow-none);--ds-button-shadow-hover:var(--shadow-none);--ds-button-shadow-pressed:var(--shadow-none);--ds-button-stroke:var(--stroke-transparent);--ds-button-stroke-hover:var(--stroke-transparent);--ds-button-stroke-pressed:var(--stroke-transparent);--ds-button-z-index:var(--elevation-local-main-z-index);z-index:var(--ds-button-z-index);min-block-size:var(--ds-button-min-block-size);border:var(--dimension-stroke-component-default) solid var(--ds-button-stroke);border-radius:var(--radius-primary);background:var(--ds-button-background);box-shadow:var(--ds-button-shadow);color:var(--ds-button-foreground);font-family:var(--font-family-sans);font-size:var(--ds-button-font-size);font-weight:var(--ds-button-font-weight);line-height:var(--ds-button-line-height);letter-spacing:var(--letter-spacing-default);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;appearance:none;transform:var(--motion-transform-interaction-rest);transform-origin:50%;transition:background-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), border-color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), box-shadow var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), color var(--motion-duration-interaction-press-out) var(--motion-easing-interaction-press-out), var(--motion-transition-interaction-press-out);cursor:pointer;will-change:transform;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.ds-button{--ds-button-padding-inline-start:var(--ds-button-padding-inline);--ds-button-padding-inline-end:var(--ds-button-padding-inline);gap:var(--ds-button-gap);padding-block:var(--dimension-x0);padding-inline-start:var(--ds-button-padding-inline-start);padding-inline-end:var(--ds-button-padding-inline-end)}.ds-button--primary{--ds-button-background:var(--bg-brand-solid);--ds-button-background-hover:var(--bg-brand-solid-hover);--ds-button-background-pressed:var(--bg-brand-solid-pressed);--ds-button-foreground:var(--fg-text-secondary);--ds-button-focus-ring:var(--stroke-focus-ring-brand);--ds-button-font-weight:var(--font-weight-bold);--ds-button-shadow:var(--shadow-xs);--ds-button-shadow-hover:var(--shadow-sm);--ds-button-shadow-pressed:var(--shadow-none)}.ds-button--secondary{--ds-button-background:var(--bg-layer-default);--ds-button-background-hover:var(--bg-layer-default-hover);--ds-button-background-pressed:var(--ds-button-background);--ds-button-foreground:var(--fg-text-secondary);--ds-button-font-weight:var(--font-weight-medium);--ds-button-stroke:var(--stroke-neutral-weak);--ds-button-stroke-hover:var(--stroke-neutral-weak-hover);--ds-button-stroke-pressed:var(--stroke-neutral-weak-pressed)}@media (hover:hover) and (pointer:fine){.ds-button:hover:not(:disabled),.ds-icon-button:hover:not(:disabled){border-color:var(--ds-button-stroke-hover);background:var(--ds-button-background-hover);box-shadow:var(--ds-button-shadow-hover)}}.ds-button:active:not(:disabled),.ds-icon-button:active:not(:disabled){border-color:var(--ds-button-stroke-pressed);background:var(--ds-button-background-pressed);box-shadow:var(--ds-button-shadow-pressed);transform:var(--motion-transform-interaction-press);transition:background-color var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), border-color var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), box-shadow var(--motion-duration-interaction-press-in) var(--motion-easing-interaction-press-in), var(--motion-transition-interaction-press-in)}.ds-button:focus-visible,.ds-icon-button:focus-visible{outline:var(--dimension-x0_5) solid var(--ds-button-focus-ring);outline-offset:var(--dimension-x0_5)}.ds-button:disabled,.ds-icon-button:disabled{border-color:var(--stroke-disabled);background:var(--bg-disabled);box-shadow:var(--shadow-none);color:var(--fg-text-disabled);cursor:not-allowed}.ds-button--small,.ds-icon-button--small{--ds-button-min-block-size:var(--dimension-x9);--ds-button-padding-inline:var(--dimension-x4);--ds-button-padding-inline-icon-edge:var(--dimension-x3);--ds-button-gap:var(--dimension-x1);--ds-button-icon-size:var(--dimension-x4);--ds-button-font-size:var(--font-size-t3);--ds-button-line-height:var(--line-height-t3)}.ds-button--medium,.ds-icon-button--medium{--ds-button-min-block-size:var(--dimension-x10);--ds-button-padding-inline:var(--dimension-x5);--ds-button-padding-inline-icon-edge:var(--dimension-x4);--ds-button-gap:var(--dimension-x1_5);--ds-button-icon-size:var(--dimension-x4);--ds-button-font-size:var(--font-size-t4);--ds-button-line-height:var(--line-height-t4)}.ds-button--large,.ds-icon-button--large{--ds-button-min-block-size:var(--dimension-x12);--ds-button-padding-inline:var(--dimension-x6);--ds-button-padding-inline-icon-edge:var(--dimension-x5);--ds-button-gap:var(--dimension-spacing-x-component-default);--ds-button-icon-size:var(--dimension-x5);--ds-button-font-size:var(--font-size-t5);--ds-button-line-height:var(--line-height-t5)}.ds-button--with-leading-icon{--ds-button-padding-inline-start:var(--ds-button-padding-inline-icon-edge)}.ds-button--with-trailing-icon{--ds-button-padding-inline-end:var(--ds-button-padding-inline-icon-edge)}.ds-button--full-width{inline-size:100%}.ds-button__label{min-inline-size:var(--dimension-x0);text-overflow:ellipsis;overflow:hidden}.ds-button__icon,.ds-icon-button__icon{inline-size:var(--ds-button-icon-size);block-size:var(--ds-button-icon-size);color:currentColor;line-height:var(--font-size-t1);flex:none;justify-content:center;align-items:center;display:inline-flex}.ds-button__icon svg,.ds-icon-button__icon svg{inline-size:var(--ds-button-icon-size);block-size:var(--ds-button-icon-size);display:block}.ds-icon-button{inline-size:var(--ds-button-min-block-size);padding:var(--dimension-x0)}.ds-icon-button--outline{--ds-button-background:var(--bg-layer-default);--ds-button-background-hover:var(--bg-layer-default-hover);--ds-button-background-pressed:var(--ds-button-background);--ds-button-foreground:var(--fg-text-tertiary);--ds-button-font-weight:var(--font-weight-medium);--ds-button-stroke:var(--stroke-neutral-weak);--ds-button-stroke-hover:var(--stroke-neutral-weak-hover);--ds-button-stroke-pressed:var(--stroke-neutral-weak-pressed)}.ds-icon-button--subtle{--ds-button-background:var(--bg-neutral-weak-alpha);--ds-button-background-hover:var(--bg-neutral-weak-alpha-hover);--ds-button-background-pressed:var(--ds-button-background);--ds-button-foreground:var(--fg-text-tertiary);--ds-button-font-weight:var(--font-weight-medium)}