.button{all:unset;white-space:nowrap;align-items:center;border-radius:var(--base-radius-full);box-sizing:border-box;display:inline-flex;justify-content:center;gap:8px;padding:8px 16px;position:relative;overflow:hidden;cursor:pointer;width:max-content;max-width:1000px;min-width:min-content;height:36px;transition:max-width .35s ease,width .35s ease,min-width .35s ease,padding .25s ease,border-radius .35s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease,opacity .2s ease}.button.icon-only{gap:0;padding:0;min-width:36px;width:36px}.button.full-width{width:100%;max-width:100%}.button.full-width.error,.button.full-width.loading,.button.full-width.success{width:100%;max-width:100%;min-width:100%;padding:0}.button.no-permission{cursor:not-allowed!important}.button.filled{background-color:var(--color)}.button.filled,.button.filled a{color:var(--base-color-primary-contrast)}.button.filled:hover:not([disabled]){background-color:color-mix(in srgb,var(--color),black 10%)}.button.filled:active:not([disabled]),.button.filled:focus:not([disabled]){outline:2px solid color-mix(in srgb,var(--color),black 20%)}.button.filled:active:not([disabled]){background-color:color-mix(in srgb,var(--color),black 20%)}.button.filled [disabled],.button.filled:disabled{cursor:default;background-color:color-mix(in srgb,var(--base-color-black),transparent 90%);color:color-mix(in srgb,var(--base-color-black),transparent 80%)}.button.outlined{color:var(--color);border:2px solid var(--color)}.button.outlined a{color:var(--base-color-primary)}.button.outlined:active:not([disabled]),.button.outlined:focus:not([disabled]){outline:2px solid color-mix(in srgb,var(--base-color-primary-600),black 20%)}.button.outlined:active:not([disabled]){background-color:var(--surface-box-primary)}.button.outlined:hover:not([disabled]){background-color:var(--color)}.button.outlined:hover:not([disabled]),.button.outlined:hover:not([disabled]) a{color:var(--base-color-primary-contrast)}.button.outlined [disabled],.button.outlined:disabled{cursor:default;border:1px solid var(--base-color-black);color:var(--base-color-black);opacity:.2}.button.ghost{background-color:rgba(0,0,0,0)}.button.ghost,.button.ghost a{color:var(--color)}.button.ghost:active:not([disabled]),.button.ghost:focus:not([disabled]){background-color:var(--surface-box-primary)}.button.ghost:focus:not([disabled]){outline:2px solid var(--color)}.button.ghost:hover:not([disabled]){outline:2px solid var(--color);background-color:color-mix(in srgb,var(--color),transparent 90%)}.button.ghost [disabled],.button.ghost:disabled{cursor:default;color:var(--base-color-black);opacity:.2}.button .label{transition:opacity .22s ease}.button .fx{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .2s ease}.button .fx .ring{width:26px;height:26px;border-radius:50%;border-color:currentcolor currentcolor color-mix(in srgb,currentColor,transparent 80%) color-mix(in srgb,currentColor,transparent 80%);border-style:solid;border-width:2px;opacity:0;transition:opacity .15s ease}.button .fx .result-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:18.72px;height:18.72px;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .22s ease;color:#fff}.button.error,.button.loading,.button.success{max-width:36px;width:36px;min-width:36px;padding:0;border-radius:9999px}.button.error .label,.button.loading .label,.button.success .label{opacity:0}.button.error .fx,.button.loading .fx,.button.success .fx{opacity:1}.button.loading .fx .ring{opacity:1;animation:spin .9s linear infinite}.button.loading .fx .result-icon{opacity:0;transform:scale(.85)}.button.success{background-color:#16a34a!important;color:#fff!important;opacity:1!important}.button.success .fx .ring{opacity:0;animation:none}.button.success .fx .result-icon.success-icon{opacity:1;transform:scale(1);transition-delay:60ms}.button.error{background-color:#dc2626!important;color:#fff!important;opacity:1!important}.button.error .fx .ring{opacity:0;animation:none}.button.error .fx .result-icon.error-icon{opacity:1;transform:scale(1);transition-delay:60ms}.button.icon-only:not(.loading):not(.success):not(.error){min-width:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.growing-button{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;box-sizing:border-box;height:36px;min-width:36px;padding:0 8px;border-radius:var(--base-radius-full);background-color:var(--surface-primary);color:var(--base-color-primary-contrast);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.growing-button .growing-icon{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px}.growing-button .growing-label-track{display:grid;grid-template-columns:0fr;transition:grid-template-columns .3s ease}.growing-button .growing-label{min-width:0;overflow:hidden}.growing-button .growing-label .navigation-label{padding-left:8px;padding-right:8px}.growing-button:focus-visible .growing-label-track,.growing-button:hover:not(:disabled) .growing-label-track{grid-template-columns:1fr}.growing-button:hover:not(:disabled){background-color:var(--base-color-primary-600)}.growing-button:active:not(:disabled){background-color:var(--base-color-primary-700)}.growing-button:disabled{background-color:var(--base-color-black);opacity:.2;cursor:default}@media(prefers-reduced-motion:reduce){.growing-button,.growing-button .growing-label-track{transition:none}}