@layer components{.button-base[data-v-df8ff641]{--btn-border:0px;min-width:0;max-width:100%;transition-property:background-color,border-color,color,filter,transform,opacity,box-shadow,scale;transition-duration:var(--duration-fast), var(--duration-fast), var(--duration-fast), var(--duration-fast), var(--duration-fast), var(--duration-fast), var(--duration-fast), var(--duration-press);transition-timing-function:var(--ease-smooth);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.button-base[data-v-df8ff641]:disabled,.button-base[aria-disabled=true][data-v-df8ff641]{cursor:not-allowed;opacity:.45;box-shadow:none!important}.button-base[data-v-df8ff641]:disabled{pointer-events:none}.btn-variant-primary[data-v-df8ff641]{background-color:var(--color-accent-primary);color:var(--color-accent-on-fill);box-shadow:var(--shadow-cta)}@media (hover:hover) and (pointer:fine){.btn-variant-primary[data-v-df8ff641]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-hover);box-shadow:var(--shadow-cta-hover)}}.btn-variant-secondary[data-v-df8ff641]{border:1px solid var(--color-accent-primary);--btn-border:2px;color:var(--color-accent-foreground);background:0 0}.btn-variant-secondary.btn-opaque[data-v-df8ff641]{background-color:var(--color-bg-primary)}@media (hover:hover) and (pointer:fine){.btn-variant-secondary[data-v-df8ff641]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-muted)}}.btn-variant-neutral[data-v-df8ff641]{border:1px solid var(--color-border-control);--btn-border:2px;color:var(--color-text-primary);background:0 0}@media (hover:hover) and (pointer:fine){.btn-variant-neutral[data-v-df8ff641]:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch, var(--color-text-primary) 6%, transparent)}}.btn-variant-inverse[data-v-df8ff641]{background-color:var(--color-text-primary);color:var(--color-bg-primary)}@media (hover:hover) and (pointer:fine){.btn-variant-inverse[data-v-df8ff641]:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in oklch, var(--color-text-primary) 88%, var(--color-bg-primary))}}.btn-variant-ghost[data-v-df8ff641]{color:var(--color-text-primary);background:0 0}@media (hover:hover) and (pointer:fine){.btn-variant-ghost[data-v-df8ff641]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-bg-secondary);color:var(--color-accent-primary)}}.btn-variant-ghost[data-v-df8ff641]:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-bg-tertiary)}.btn-variant-danger[data-v-df8ff641]{background-color:var(--color-semantic-error-strong);color:var(--color-semantic-error-on-fill);box-shadow:var(--shadow-e0)}@media (hover:hover) and (pointer:fine){.btn-variant-danger[data-v-df8ff641]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-semantic-error-hover);box-shadow:var(--shadow-e2)}}.btn-variant-danger-outline[data-v-df8ff641]{color:var(--color-semantic-error);border:1px solid var(--color-semantic-error);background-color:#0000}@media (hover:hover) and (pointer:fine){.btn-variant-danger-outline[data-v-df8ff641]:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-semantic-error-subtle)}}.btn-size-sm[data-v-df8ff641]{height:36px;font-size:var(--text-control-sm);line-height:var(--text-control-sm--line-height);font-weight:var(--text-control-sm--font-weight);border-radius:var(--radius-xs);gap:6px;padding:0 12px}.btn-size-sm[data-v-df8ff641]:before{content:"";width:100%;min-width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-size-md[data-v-df8ff641]{height:44px;font-size:var(--text-control-md);line-height:var(--text-control-md--line-height);font-weight:var(--text-control-md--font-weight);border-radius:var(--radius-default);gap:8px;padding:0 16px}.btn-size-lg[data-v-df8ff641]{height:52px;font-size:var(--text-control-lg);line-height:var(--text-control-lg--line-height);font-weight:var(--text-control-lg--font-weight);border-radius:var(--radius-md);gap:10px;padding:0 24px}.button-wrap[data-v-df8ff641]{white-space:normal;height:auto;padding-block:calc((var(--btn-height) - 1lh - var(--btn-border)) / 2);min-height:var(--btn-height);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;align-items:flex-start}.button-wrap.btn-size-sm[data-v-df8ff641]{--btn-height:36px}.button-wrap.btn-size-md[data-v-df8ff641]{--btn-height:44px}.button-wrap.btn-size-lg[data-v-df8ff641]{--btn-height:52px}.button-wrap .button-content[data-v-df8ff641]{white-space:normal;overflow:visible}.button-wrap .button-icon[data-v-df8ff641],.button-wrap .button-spinner[data-v-df8ff641]{align-self:flex-start;height:1lh}.button-spinner[data-v-df8ff641]{justify-content:center;align-items:center;display:inline-flex}.spinner-icon[data-v-df8ff641]{width:1em;height:1em;animation:spin-df8ff641 var(--duration-slowest) var(--ease-linear) infinite}.spinner-track[data-v-df8ff641]{opacity:.25}.spinner-path[data-v-df8ff641]{opacity:.75}@keyframes spin-df8ff641{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-icon[data-v-df8ff641]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.button-icon[data-v-df8ff641]>svg{width:1em;height:1em}.button-icon-left[data-v-df8ff641]{margin-left:-.25em}.button-icon-right[data-v-df8ff641]{margin-right:-.25em}.button-content[data-v-df8ff641]{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.btn-variant-danger[data-v-df8ff641],.btn-variant-danger-outline[data-v-df8ff641]{--focus-ring-color:var(--color-semantic-error)}@media (prefers-contrast:high){.button-base[data-v-df8ff641]{border-width:2px}.btn-variant-secondary[data-v-df8ff641],.btn-variant-neutral[data-v-df8ff641]{--btn-border:4px}}}