.btn{justify-content:center;align-items:center;gap:var(--button-gap);box-sizing:border-box;border:var(--button-border-width) solid transparent;border-radius:var(--button-border-radius);color:var(--button-secondary-fg);height:var(--button-height);font-family:var(--control-font-family);font-size:var(--button-font-size);line-height:var(--control-line-height);font-weight:var(--button-font-weight);letter-spacing:0;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background-color:#0000;display:inline-flex}.btn:not(.btn-icon):not(.btn-presentation-surface):has(>.sonic-icon:first-child):before{content:"​";margin-inline-end:calc(-1 * var(--button-gap))}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn:active:not(:disabled):not([aria-disabled=true]){transform:var(--button-press-transform)}.btn-sm{--button-height:var(--control-height);padding:var(--button-sm-padding-y) var(--button-sm-padding-x)}.btn-md{--button-height:var(--control-height);padding:var(--button-padding-y) var(--button-padding-x)}.btn-lg{--button-height:var(--control-height-large);padding:var(--button-lg-padding-y) var(--button-lg-padding-x)}.btn-wrap{height:auto;min-height:var(--button-height);padding-block:var(--spacing-2xs);white-space:normal;text-align:start}.btn-icon{width:var(--button-icon-size);height:var(--button-icon-size);aspect-ratio:1;border-radius:var(--button-icon-border-radius);flex-shrink:0;padding:0}.btn-primary{background-color:var(--button-primary-bg);box-shadow:var(--button-primary-shadow);color:var(--button-primary-fg);font-weight:var(--button-primary-font-weight)}.btn-primary:hover:where(:not(:disabled):not([aria-disabled=true])){background-color:var(--button-primary-bg-hover);box-shadow:var(--button-primary-shadow-hover)}.btn-primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--button-primary-bg-pressed);box-shadow:var(--button-primary-shadow-pressed)}.btn-secondary{background-color:var(--button-secondary-bg);box-shadow:var(--button-secondary-shadow);color:var(--button-secondary-fg)}.btn-secondary:hover:where(:not(:disabled):not([aria-disabled=true])){background-image:var(--hover-layer);box-shadow:var(--button-secondary-shadow-hover)}.btn-secondary:active:not(:disabled):not([aria-disabled=true]){background-image:var(--pressed-layer);box-shadow:var(--button-secondary-shadow-pressed)}.btn-subtle{background-color:var(--button-subtle-bg);box-shadow:none;color:var(--button-subtle-fg)}.btn-subtle:hover:where(:not(:disabled):not([aria-disabled=true])){background-image:var(--hover-layer)}.btn-subtle:active:not(:disabled):not([aria-disabled=true]){background-image:var(--pressed-layer)}.btn[aria-pressed=true],.btn[aria-pressed=mixed],.btn[data-state=on],.btn[data-state=active],.btn[data-active=true],.btn[aria-selected=true],.btn[aria-checked=true],.btn[aria-current=page]{background-color:var(--choice-control-selected-bg);color:var(--choice-control-selected-fg);--color-foreground-tertiary:var(--row-fg-muted-selected);--color-success:var(--row-success-selected);--color-error:var(--row-error-selected);background-image:none}.btn-tone-danger.btn-primary{background-color:var(--button-tone-danger-bg);color:var(--button-tone-danger-fg)}.btn-tone-danger.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-tone-danger-bg-hover)}.btn-tone-danger.btn-primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--button-tone-danger-bg-pressed)}.btn-tone-success.btn-primary{background-color:var(--button-tone-success-bg);color:var(--button-tone-success-fg)}.btn-tone-success.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--button-tone-success-bg-hover)}.btn-tone-success.btn-primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--button-tone-success-bg-pressed)}.btn-tone-danger:not(.btn-primary){color:var(--button-tone-danger-bg)}.btn-tone-success:not(.btn-primary){color:var(--button-tone-success-bg)}.btn-presentation-text:not(.btn-icon){box-shadow:none;text-align:left;background-color:#0000;border-radius:0;justify-content:flex-start;padding:0}.btn-presentation-text:not(.btn-icon):hover:not(:disabled):not([aria-disabled=true]){color:var(--color-foreground);background-color:#0000}.btn-presentation-surface:where(:not(.btn-icon)){width:100%;box-shadow:none;appearance:none;color:inherit;text-align:left;border-radius:0;justify-content:stretch;margin:0;padding:0;display:grid}.btn-field{align-items:center;gap:var(--button-gap);text-align:start;cursor:pointer;justify-content:space-between;width:100%;display:flex}.btn:disabled,.btn[aria-disabled=true]{background-color:var(--button-disabled-bg);color:var(--button-disabled-fg);box-shadow:none;cursor:not-allowed;opacity:var(--opacity-disabled);transform:none}@media (prefers-reduced-motion:reduce){.btn{transition:none}}