.mds-button{box-sizing:border-box;font-family:var(--font-family-default);font-size:var(--font-size-m);appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:var(--radius-s);touch-action:manipulation;background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:10px;margin:0;padding:0;display:inline-flex;position:relative}.mds-button[data-dropdown=true]{gap:var(--spacing-xs)}.mds-button:has(.mds-button__icon):has(.mds-button__text){gap:var(--spacing-xs)}.mds-button[data-size=large]{height:56px;padding:var(--spacing-s) var(--spacing-m);font-size:var(--font-size-l);font-weight:var(--font-weight-bold);line-height:var(--line-height-l)}.mds-button[data-size=medium]{height:40px;padding:var(--spacing-xs) var(--spacing-s);font-weight:var(--font-weight-bold);line-height:var(--line-height-m)}.mds-button[data-size=small]{height:32px;padding:var(--spacing-xs) var(--spacing-s);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-xs)}.mds-button[data-variant=primary]{background-color:var(--color-surface-button-primary-default);color:var(--color-text-button-primary-default)}.mds-button[data-variant=primary]:hover:not(:disabled),.mds-button[data-variant=primary]:active:not(:disabled){background-color:var(--color-surface-button-primary-hover)}.mds-button[data-variant=primary]:active:not(:disabled):before{content:"";border:2px solid var(--color-surface-button-primary-hover);border-radius:calc(var(--radius-s) + 2px);pointer-events:none;background:0 0;position:absolute;inset:-4px}.mds-button[data-variant=secondary]{background-color:var(--color-surface-button-secondary-default);color:var(--color-text-button-secondary-default);border:1px solid var(--color-border-button-secondary-default)}.mds-button[data-variant=secondary]:hover:not(:disabled){background-color:var(--color-surface-button-secondary-hover);color:var(--color-text-button-secondary-hover);border:1px solid #0000}.mds-button[data-variant=secondary]:active:not(:disabled){background-color:var(--color-surface-button-secondary-hover);border:1px solid #0000}.mds-button[data-variant=secondary]:active:not(:disabled):before{content:"";border:2px solid var(--color-surface-button-secondary-hover);border-radius:calc(var(--radius-s) + 2px);pointer-events:none;background:0 0;position:absolute;inset:-4px}.mds-button[data-variant=text]{color:var(--color-text-button-text-default);background-color:#0000;border-radius:0;height:auto;padding:0}.mds-button[data-variant=text]:hover:not(:disabled),.mds-button[data-variant=text]:active:not(:disabled){color:var(--color-text-button-text-hover);text-decoration:underline}.mds-button[data-variant=text][data-icon-only=true]{padding:var(--spacing-s);height:initial;border-radius:var(--radius-s)}.mds-button[data-variant=text][data-icon-only=true][data-size=medium]{padding:var(--spacing-xs);height:40px}.mds-button[data-variant=text][data-icon-only=true][data-size=small]{padding:var(--spacing-xs);height:32px}.mds-button[data-variant=text][data-icon-only=true][data-size=large]{height:56px}.mds-button[data-variant=text][data-icon-only=true]:hover:not(:disabled),.mds-button[data-variant=text][data-icon-only=true]:active:not(:disabled){background-color:var(--color-neutral-200);text-decoration:none}.mds-button[data-variant=text][data-icon-only=true]:active:not(:disabled):before{content:"";border:2px solid var(--color-neutral-400);border-radius:calc(var(--radius-s) + 2px);pointer-events:none;background:0 0;position:absolute;inset:-4px}.mds-button:disabled{cursor:not-allowed;pointer-events:none;border:none}.mds-button[data-variant=primary]:disabled{background:var(--color-surface-button-primary-disabled);color:var(--color-text-button-primary-disabled)}.mds-button[data-variant=secondary]:disabled{background:var(--color-surface-button-secondary-disabled);color:var(--color-text-button-secondary-disabled)}.mds-button[data-variant=text]:disabled{color:var(--color-text-button-text-disabled);background:0 0}.mds-button:disabled .mds-icon{color:var(--color-neutral-600)}.mds-button[data-loading=true]{cursor:not-allowed;pointer-events:none;border:none}.mds-button[data-loading=true][data-variant=primary]{background-color:var(--color-surface-button-primary-loading)}.mds-button[data-loading=true][data-variant=secondary]{background-color:var(--color-surface-button-secondary-loading)}.mds-button[data-loading=true][data-variant=text]{background-color:#0000}.mds-button[data-loading=true] .mds-button__text,.mds-button[data-loading=true] .mds-button__icon,.mds-button[data-loading=true] .mds-button__dropdown{display:none}.mds-button[data-icon-only=true]{padding:var(--spacing-s)}.mds-button[data-icon-only=true][data-size=medium],.mds-button[data-icon-only=true][data-size=small]{padding:var(--spacing-xs)}.mds-button__spinner{align-items:center;width:22px;height:22px;display:flex}.mds-button__spinner path{transform-origin:50%;animation:.75s linear infinite mds-spin}@keyframes mds-spin{to{transform:rotate(360deg)}}.mds-button[data-variant=text] .mds-icon{color:var(--color-brand-900)}.mds-button[data-size=small] .mds-icon{width:20px;height:20px}.mds-button[data-size=medium] .mds-icon,.mds-button[data-size=large] .mds-icon{width:24px;height:24px}