.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.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),#000 10%)}.button.filled:active:not([disabled]),.button.filled:focus:not([disabled]){outline:2px solid color-mix(in srgb,var(--color),#000 20%)}.button.filled:active:not([disabled]){background-color:color-mix(in srgb,var(--color),#000 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),#000 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:transparent}.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}.growing-button{transition:max-width .6s ease-out}@keyframes spin{to{transform:rotate(1turn)}}.growing-button{height:20px;align-items:center;background-color:var(--surface-primary);border-radius:var(--base-radius-full);gap:4px;display:inline-flex;white-space:nowrap;color:var(--base-color-primary-contrast);padding:8px 16px;position:relative;max-width:20px;width:20px;transition:max-width .7s ease-in-out}.growing-button.big{max-width:400px;width:auto}.growing-button:hover{background-color:var(--base-color-primary-600)}.growing-button:active{background-color:var(--base-color-primary-700);outline:2px solid var(--base-color-primary-700)}.growing-button [disabled],.growing-button:disabled{background-color:var(--base-color-black);outline:2px solid var(--base-color-black);opacity:.2}