.ds-button{--button-height:var(--ds-control-md);--button-font-size:var(--ds-text-body-sm);box-sizing:border-box;height:var(--button-height);min-width:var(--button-height);padding-inline:var(--ds-button-padding-x);border:1px solid var(--ds-button-secondary-border);border-radius:var(--ds-button-radius);background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-fg);font-family:var(--ds-font-sans);font-size:var(--button-font-size);font-weight:var(--ds-button-weight);line-height:var(--ds-leading-normal);vertical-align:middle;cursor:pointer;transition:background-color var(--ds-duration-fast) var(--ds-ease-standard), border-color var(--ds-duration-fast) var(--ds-ease-standard), color var(--ds-duration-fast) var(--ds-ease-standard);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.ds-button[data-size=small]{--button-height:var(--ds-control-sm);--button-font-size:var(--ds-text-caption)}.ds-button[data-size=large]{--button-height:var(--ds-control-lg);--button-font-size:var(--ds-text-body)}.ds-button:not([aria-disabled=true]):hover{background:var(--ds-button-secondary-hover-bg);border-color:var(--ds-button-secondary-hover-border)}.ds-button:not([aria-disabled=true]):active{background:var(--ds-bg-pressed)}.ds-button[data-variant=solid]{background:var(--ds-button-primary-bg);color:var(--ds-button-primary-fg);border-color:var(--ds-button-primary-bg);box-shadow:var(--ds-button-primary-shadow)}.ds-button:not([aria-disabled=true])[data-variant=solid]:hover{background:var(--ds-button-primary-hover-bg);border-color:var(--ds-button-primary-hover-bg)}.ds-button:not([aria-disabled=true])[data-variant=solid]:active{background:var(--ds-button-primary-active-bg);border-color:var(--ds-button-primary-active-bg)}.ds-button[data-variant=dashed]{border-style:dashed}.ds-button[data-variant=filled]{background:var(--ds-bg-subtle);border-color:#0000}.ds-button[data-variant=text],.ds-button[data-variant=link]{box-shadow:none;background:0 0;border-color:#0000}.ds-button:not([aria-disabled=true])[data-variant=filled]:hover{background:var(--ds-bg-hover)}.ds-button:not([aria-disabled=true])[data-variant=text]:hover{background:var(--ds-button-ghost-hover-bg)}.ds-button[data-variant=link]{color:var(--ds-link-fg)}.ds-button:not([aria-disabled=true])[data-variant=link]:hover{color:var(--ds-link-hover-fg)}.ds-button:not([aria-disabled=true])[data-variant=filled]:active,.ds-button:not([aria-disabled=true])[data-variant=text]:active{background:var(--ds-bg-pressed)}.ds-button:not([aria-disabled=true])[data-variant=link]:active{color:var(--ds-link-hover-fg)}.ds-button[data-intent=brand][data-variant=text]:where(:not([data-danger])),.ds-button[data-intent=brand][data-variant=outlined]:where(:not([data-danger])),.ds-button[data-intent=brand][data-variant=dashed]:where(:not([data-danger])),.ds-button[data-intent=brand][data-variant=filled]:where(:not([data-danger])){color:var(--ds-text-brand)}.ds-button[data-intent=brand][data-variant=outlined]:where(:not([data-danger])),.ds-button[data-intent=brand][data-variant=dashed]:where(:not([data-danger])){border-color:var(--ds-button-primary-bg)}.ds-button[data-intent=brand][data-variant=filled]:where(:not([data-danger])){background:var(--ds-bg-brand-subtle)}.ds-button:not([aria-disabled=true])[data-intent=brand][data-variant=filled]:where(:not([data-danger])):hover,.ds-button:not([aria-disabled=true])[data-intent=brand][data-variant=filled]:where(:not([data-danger])):active{background:var(--ds-bg-brand-selected)}.ds-button[data-danger]{color:var(--ds-danger-fg);border-color:var(--ds-danger-solid)}.ds-button:not([aria-disabled=true])[data-danger]:hover,.ds-button:not([aria-disabled=true])[data-danger]:active{background:var(--ds-danger-bg);color:var(--ds-danger-fg)}.ds-button[data-danger][data-variant=solid]{background:var(--ds-button-danger-bg);border-color:var(--ds-button-danger-bg);color:var(--ds-text-on-brand);box-shadow:none}.ds-button:not([aria-disabled=true])[data-danger][data-variant=solid]:hover,.ds-button:not([aria-disabled=true])[data-danger][data-variant=solid]:active{background:var(--ds-button-danger-hover-bg);border-color:var(--ds-button-danger-hover-bg)}.ds-button[data-danger][data-variant=text],.ds-button[data-danger][data-variant=link],.ds-button[data-danger][data-variant=filled]{border-color:#0000}.ds-button[aria-disabled=true]{opacity:.5;box-shadow:none;cursor:not-allowed}.ds-button:focus-visible{outline:2px solid var(--ds-border-focus);outline-offset:2px;box-shadow:var(--ds-button-focus-ring)}.ds-button[data-block]{width:100%;display:flex}.ds-button[data-shape=circle],.ds-button[data-icon-only]{width:var(--button-height);padding-inline:0}.ds-button[data-shape=circle],.ds-button[data-shape=round]{border-radius:var(--ds-radius-full)}.ds-button [data-slot=button-content]{justify-content:center;align-items:center;gap:var(--ds-space-2);display:inline-flex}.ds-button [data-slot=button-icon]{align-items:center;display:inline-flex}.ds-button [data-slot=button-loading]{place-items:center;display:grid;position:absolute;inset:0}.ds-button [data-slot=button-spinner]{width:1em;height:1em;animation:ds-button-spin var(--ds-duration-pulse) linear infinite}@keyframes ds-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ds-button [data-slot=button-spinner]{animation:none}}.ds-button[data-compact=horizontal]:not([data-first]){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.ds-button[data-compact=horizontal]:not([data-last]){border-start-end-radius:0;border-end-end-radius:0}.ds-button[data-compact=vertical]:not([data-first]){border-start-start-radius:0;border-start-end-radius:0;margin-block-start:-1px}.ds-button[data-compact=vertical]:not([data-last]){border-end-end-radius:0;border-end-start-radius:0}.ds-button:not([aria-disabled=true])[data-compact]:hover,.ds-button:not([aria-disabled=true])[data-compact]:focus-visible{z-index:1}.ds-button-group{display:inline-flex}.ds-button-group>.ds-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.ds-button-group>.ds-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}