.base-button{white-space:nowrap;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s var(--ease-soft);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.base-button:active:not(:disabled){transform:scale(.98)}.base-button:disabled,.base-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.base-button-content{align-items:center;gap:10px;display:inline-flex}.base-button-trailing{transition:transform .3s var(--ease-soft)}.base-button:hover:not(:disabled) .base-button-trailing{transform:translate(3px)}.base-button-sm{padding:9px 16px;font-size:13px}.base-button-md{padding:13px 22px;font-size:14px}.base-button-lg{padding:16px 28px;font-size:15px}.base-button-full{width:100%}.base-button-primary{background:var(--color-ink);color:var(--color-cream)}.base-button-accent,.base-button-primary:hover:not(:disabled){background:var(--color-rose);color:var(--color-cream)}.base-button-accent:hover:not(:disabled){background:var(--color-ink);color:var(--color-cream)}.base-button-outline{border-color:var(--color-ink);color:var(--color-ink);background:0 0}.base-button-outline:hover:not(:disabled){background:var(--color-ink);color:var(--color-cream)}.base-button-light{background:var(--color-cream);color:var(--color-ink)}.base-button-light:hover:not(:disabled){background:var(--color-blush);color:var(--color-ink)}.base-button-ghost{color:var(--color-rose);background:0 0}.base-button-ghost:hover:not(:disabled){background:var(--color-shell);color:var(--color-ink)}.base-button-busy .base-button-content{visibility:hidden}.base-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.error-message{border:1px solid var(--color-blush);background:var(--color-petal);color:var(--color-ink);border-radius:14px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;line-height:1.5;display:flex}.error-message-icon{color:var(--color-rose);flex:none;margin-top:1px}.error-message-text{flex:1}.error-message-close{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:2px;display:grid}.error-message-close:hover{color:var(--color-ink)}.error-fade-enter-active,.error-fade-leave-active{transition:opacity .2s}.error-fade-enter-from,.error-fade-leave-to{opacity:0}