:where(.one-ui-btn){--one-ui-btn-bg:var(--one-ui-color-surface);--one-ui-btn-color:var(--one-ui-color-on-surface);--one-ui-btn-border-color:var(--one-ui-color-border);--one-ui-btn-border-style:solid;--one-ui-btn-radius:var(--one-ui-radius-md);--one-ui-btn-padding-x:var(--one-ui-space-4);--one-ui-btn-padding-y:var(--one-ui-space-2);--one-ui-btn-gap:var(--one-ui-space-2);--one-ui-btn-font-size:var(--one-ui-font-size-body-md);--one-ui-btn-icon-size:var(--one-ui-space-4);--one-ui-btn-focus-color:var(--one-ui-color-info);--one-ui-btn-hover-filter:brightness(.92);--one-ui-btn-disabled-opacity:.4}:host{display:inline-flex}.one-ui-btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;padding-block:var(--one-ui-btn-padding-y);padding-inline:var(--one-ui-btn-padding-x);align-items:center;gap:var(--one-ui-btn-gap);background-color:var(--one-ui-btn-bg);color:var(--one-ui-btn-color);border:1px var(--one-ui-btn-border-style) var(--one-ui-btn-border-color);border-radius:var(--one-ui-btn-radius);font-weight:var(--one-ui-font-weight-medium);font-family:inherit;font-size:var(--one-ui-btn-font-size);line-height:inherit;text-decoration-line:none;transition-property:background-color,color,border-color,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}.one-ui-btn__icon{width:var(--one-ui-btn-icon-size);height:var(--one-ui-btn-icon-size);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.one-ui-btn__icon .one-ui-spinner,.one-ui-btn__icon svg{width:100%;height:100%}.one-ui-btn__label{flex:auto;justify-content:center;align-items:center;display:inline-flex}.one-ui-btn:focus-visible{box-shadow:0 0 0 2px var(--one-ui-color-surface),0 0 0 4px var(--one-ui-btn-focus-color);outline:none}.one-ui-btn:hover:not(:disabled):not([aria-disabled=true]){filter:var(--one-ui-btn-hover-filter)}.one-ui-btn--primary{--one-ui-btn-bg:var(--one-ui-color-primary);--one-ui-btn-color:var(--one-ui-color-on-primary);--one-ui-btn-border-color:transparent}.one-ui-btn--secondary{--one-ui-btn-bg:var(--one-ui-color-surface);--one-ui-btn-color:var(--one-ui-color-on-surface);--one-ui-btn-border-color:var(--one-ui-color-border)}.one-ui-btn--ghost{--one-ui-btn-bg:transparent;--one-ui-btn-color:var(--one-ui-color-on-surface-muted);--one-ui-btn-border-style:dashed;--one-ui-btn-border-color:var(--one-ui-color-border)}.one-ui-btn--destructive{--one-ui-btn-bg:var(--one-ui-color-error);--one-ui-btn-color:var(--one-ui-color-on-primary);--one-ui-btn-border-color:transparent}.one-ui-btn--sm{--one-ui-btn-padding-x:var(--one-ui-space-3);--one-ui-btn-padding-y:var(--one-ui-space-1-5);--one-ui-btn-gap:var(--one-ui-space-1-5);--one-ui-btn-radius:var(--one-ui-radius-sm);--one-ui-btn-icon-size:var(--one-ui-space-3);--one-ui-btn-font-size:var(--one-ui-font-size-body-sm)}.one-ui-btn--lg{--one-ui-btn-padding-x:var(--one-ui-space-5);--one-ui-btn-padding-y:var(--one-ui-space-2-5);--one-ui-btn-icon-size:var(--one-ui-space-5);--one-ui-btn-font-size:var(--one-ui-font-size-body-lg)}.one-ui-btn--text-sm{--one-ui-btn-font-size:var(--one-ui-font-size-body-sm)}.one-ui-btn--text-lg{--one-ui-btn-font-size:var(--one-ui-font-size-body-lg)}.one-ui-btn--icon-only{--one-ui-btn-padding-x:var(--one-ui-btn-padding-y);--one-ui-btn-border-color:transparent;--one-ui-btn-border-style:solid}.one-ui-btn--icon-only .one-ui-btn__label{display:none}.one-ui-btn[aria-expanded=true]:not(:disabled):not([aria-disabled=true]),.one-ui-btn[data-active=true]:not(:disabled):not([aria-disabled=true]){--one-ui-btn-border-color:var(--one-ui-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--one-ui-color-primary) 20%,transparent)}.one-ui-btn--secondary[aria-pressed=true]{--one-ui-btn-bg:var(--one-ui-color-on-surface);--one-ui-btn-color:var(--one-ui-color-surface);--one-ui-btn-border-color:var(--one-ui-color-on-surface)}.one-ui-btn--ghost[aria-pressed=true]{--one-ui-btn-bg:var(--one-ui-color-surface);--one-ui-btn-border-style:solid}.one-ui-btn:active:not(:disabled):not([aria-disabled=true]):not(.one-ui-btn--loading){filter:brightness(.85)}.one-ui-btn:disabled,.one-ui-btn[aria-disabled=true]{opacity:var(--one-ui-btn-disabled-opacity);cursor:not-allowed;pointer-events:none}.one-ui-btn--loading{cursor:wait;pointer-events:none}@media (prefers-reduced-motion:reduce){.one-ui-btn{transition:none}}