.ui-button{justify-content:center;align-items:center;gap:var(--ui-button-gap,.45rem);min-height:var(--ui-button-height,2.75rem);padding:var(--ui-button-padding-block,.6rem) var(--ui-button-padding-inline,.85rem);border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:var(--theme-text);background:var(--theme-surface-raised);font:inherit;cursor:pointer;box-shadow:inset 0 .05rem 0 0 #ffffff1a, 0 .14rem 0 0 color-mix(in srgb, currentColor 28%, transparent), 0 .25rem .5rem #00000038;transition:background-color var(--theme-motion-control,.14s ease-out), box-shadow var(--theme-motion-control,.14s ease-out);--ui-button-shift:0rem;border-radius:.65rem;font-weight:700;display:inline-flex}.ui-button__icon,.ui-button__label{transform:translateY(var(--ui-button-shift));transition:transform var(--theme-motion-control,.14s ease-out)}.ui-button:active:not(:disabled){--ui-button-shift:.1rem;box-shadow:inset 0 .05rem .15rem #0000002e}.ui-button--primary{color:var(--theme-accent-contrast);background:var(--theme-accent);box-shadow:var(--theme-primary-rest-shadow)}.ui-button--primary:active:not(:disabled){--ui-button-shift:.12rem;background:var(--theme-primary-active-background);box-shadow:var(--theme-primary-active-shadow)}.ui-button--danger{border-color:color-mix(in srgb, var(--theme-danger) 45%, transparent);color:var(--theme-danger);background:color-mix(in srgb, var(--theme-danger) 12%, var(--theme-surface-raised))}.ui-button--quiet{box-shadow:none;background:0 0;border-color:#0000}.ui-button--quiet:active:not(:disabled){--ui-button-shift:0rem}.ui-button__icon{flex:none;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;display:inline-flex}.ui-button--icon{width:var(--ui-icon-button-size,2.75rem);height:var(--ui-icon-button-size,2.75rem);min-width:var(--ui-icon-button-size,2.75rem);min-height:var(--ui-icon-button-size,2.75rem);aspect-ratio:1;padding:0}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ui-button--primary:hover:not(:disabled):not(:active){background:var(--theme-primary-hover-background);--ui-button-shift:-.06rem;box-shadow:var(--theme-primary-hover-shadow)}.ui-button--secondary:hover:not(:disabled),.ui-button--icon:hover:not(:disabled),.ui-button--quiet:hover:not(:disabled){background:var(--theme-hover-surface)}.ui-button--danger:hover{background:color-mix(in srgb, var(--theme-danger) 20%, var(--theme-surface-raised))}}@media (prefers-reduced-motion:reduce){.ui-button,.ui-button__icon,.ui-button__label{transition:none}}