.ui-button{--ui-button-accent:var(--color-tint);--ui-button-on-accent:var(--color-on-tint);appearance:none;cursor:pointer;width:fit-content;font-family:var(--font-display);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;line-height:1.2;transition:background-color .15s,filter .15s,opacity .15s;display:inline-flex}.ui-button--inline,.ui-button--text.ui-button--inline,.ui-button--icon-only.ui-button--inline,.ui-button--circle.ui-button--inline{gap:6px;padding:0;font-size:15px}.ui-button--small{padding:6px 12px;font-size:13px}.ui-button--large{padding:14px 22px;font-size:17px}.ui-button--rounded{border-radius:12px}.ui-button--pill{border-radius:999px}.ui-button--circle{aspect-ratio:1;border-radius:50%;padding:10px}.ui-button--circle.ui-button--small{padding:6px}.ui-button--circle.ui-button--large{padding:14px}.ui-button--icon-only.ui-button--small{padding:6px}.ui-button--icon-only.ui-button--medium{padding:10px}.ui-button--icon-only.ui-button--large{padding:14px}.ui-button--filled{color:var(--ui-button-on-accent);background:var(--ui-button-accent)}.ui-button--outlined{color:var(--ui-button-accent);border-color:var(--ui-button-accent);background:0 0}.ui-button--text{color:var(--ui-button-accent);background:0 0;border-color:#0000;padding-inline:10px}.ui-button--text.ui-button--small{padding-inline:6px}.ui-button--text.ui-button--large{padding-inline:14px}.ui-button--fill{width:100%}.ui-button--destructive{--ui-button-accent:var(--color-destructive);--ui-button-on-accent:var(--color-on-destructive)}.ui-button--label{--ui-button-accent:var(--color-label);--ui-button-on-accent:var(--color-background)}.ui-button__label{display:inline-block}.ui-button:hover:not(:disabled){filter:brightness(1.08)}.ui-button--outlined:hover:not(:disabled),.ui-button--text:hover:not(:disabled){background:color-mix(in srgb, var(--ui-button-accent) 12%, transparent)}.ui-button:active:not(:disabled){filter:brightness(.92)}.ui-button:disabled{opacity:.45;cursor:default}