:where(button.btn,a.btn){-webkit-appearance:none;appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;line-height:1;text-decoration:none;box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--sds-alias-border-radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--btn-fg, var(--sds-mapped-colors-text-btn-label));background:var(--btn-bg, transparent);box-shadow:var(--btn-shadow, none);transition:background-color .12s ease,box-shadow .12s ease,transform 60ms ease;text-align:center;font:var(--btn-font, var(--sds-font-body-regular-xs));line-height:var(--btn-line-height, 1.2);height:var(--btn-height, auto);padding:0 8px}.btn:focus-visible{border-radius:var(--sds-alias-border-radius-lg);border:1.5px solid var(--sds-brand-colors-blue-100)}.btn-block{width:100%}.btn .sds-icon,.btn .loader,.btn .time-icon,.btn .check{display:inline-block;vertical-align:middle;font-size:var(--btn-icon-size, 16px);color:var(--icon-color);line-height:0}.loader{animation:spin 1s linear infinite}.time-icon{color:var(--sds-mapped-colors-icons-warning)}.check{color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.btn-s{--btn-font: var(--sds-font-body-medium-xs);--btn-line-height: 1;--btn-icon-size: 14px;--btn-height: 36px}.btn-m{--btn-font: var(--sds-font-body-medium-sm);--btn-line-height: 1;--btn-icon-size: 16px;--btn-height: 40px}.btn:hover:not([aria-disabled=true]):not(:disabled){filter:brightness(1.02)}.btn:active:not([aria-disabled=true]):not(:disabled){transform:translateY(1px);box-shadow:var(--btn-shadow-active, none)}.btn[aria-disabled=true],.btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.65}.btn-primary{--btn-bg: var(--sds-mapped-colors-icons-primary);--btn-fg: var(--sds-mapped-colors-icons-btn-label);--btn-shadow: 0 1px 2px 0 rgba(255, 255, 255, .33) inset, 0 0 0 1px #EEF3F1, 0 3px 4px -1px rgba(0, 0, 0, .05);--btn-shadow-active: 0 0 0 1px var(--sds-alias-colors-primary-default)}.btn-primary:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--sds-mapped-colors-surface-action-hover)}.btn-secondary{--btn-bg: var(--sds-mapped-colors-surface-tertiary);--btn-fg: var(--sds-mapped-colors-text-action);--btn-shadow: 0 1px 2px 0 rgba(255, 255, 255, .33) inset, 0 0 0 1px #EEF3F1, 0 3px 4px -1px rgba(0, 0, 0, .05);--icon-color: var(--sds-mapped-colors-icons-action)}.btn-secondary:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--sds-mapped-colors-surface-secondary)}.btn-tertiary{--btn-bg: var(--sds-mapped-colors-surface-tertiary);--btn-fg: var(--sds-mapped-colors-text-body);--btn-shadow: 0 1px 2px 0 rgba(255, 255, 255, .33) inset, 0 0 0 1px #EEF3F1, 0 3px 4px -1px rgba(0, 0, 0, .05);--icon-color: var(--sds-mapped-colors-icons-secondary)}.btn-tertiary:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--sds-mapped-colors-surface-tertiary)}.btn-danger{--btn-bg: var(--sds-mapped-colors-surface-action-error);--btn-fg: var(--sds-mapped-colors-icons-btn-label);--btn-shadow: 0 1px 2px 0 rgba(255, 255, 255, .33) inset, 0 0 0 1px #EEF3F1, 0 3px 4px -1px rgba(0, 0, 0, .05)}.btn-danger:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--sds-mapped-colors-surface-action-error-hover)}.btn-status-loading.btn-primary{--btn-bg: var(--sds-mapped-colors-surface-action-hover);--btn-padding-y: var(--sds-alias-padding-sm);--btn-padding-x: var(--sds-alias-padding-lg)}.btn-ghost{--btn-bg: tranparent;--btn-fg: var(--sds-mapped-colors-text-body);--btn-padding-x: var(--sds-alias-padding-md);--btn-padding-y: var(--sds-alias-padding-lg);--box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .2) inset, 0 0 0 1px #015239, 0 3px 4px -1px rgba(0, 0, 0, .15);font:var(--sds-font-body-medium-sm)}.btn-ghost-variant{--btn-bg: tranparent;--btn-fg: var(--sds-mapped-colors-text-action);--btn-padding-x: var(--sds-alias-padding-md);--btn-padding-y: var(--sds-alias-padding-lg);--box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .2) inset, 0 0 0 1px #015239, 0 3px 4px -1px rgba(0, 0, 0, .15);font:var(--sds-font-body-medium-sm);--icon-color: var(--sds-mapped-colors-icons-action-variant)}.btn-status-progress{--btn-bg: var(--sds-mapped-colors-surface-warning);--btn-fg: var(--sds-mapped-colors-icons-warning);color:var(--sds-mapped-colors-text-warning);--btn-shadow: 0 1px 2px 0 rgba(255, 255, 255, .33) inset, 0 0 0 1px #EEF3F1, 0 3px 4px -1px rgba(0, 0, 0, .05);border:1px solid var(--sds-mapped-colors-border-warning)}.btn-primary[aria-disabled=true],.btn-primary:disabled,.btn-secondary[aria-disabled=true],.btn-secondary:disabled,.btn-tertiary[aria-disabled=true],.btn-tertiary:disabled,.btn-danger[aria-disabled=true],.btn-danger:disabled,.btn-ghost[aria-disabled=true],.btn-ghost:disabled,.btn-ghost-variant[aria-disabled=true],.btn-ghost-variant:disabled{--btn-bg: var(--sds-mapped-colors-surface-disabled);--btn-fg: var(--sds-mapped-colors-text-disabled);--btn-shadow: none}@media(prefers-reduced-motion:reduce){.btn{transition:none}.loader{animation:none}}