@layer components{[data-ui=button]{white-space:nowrap;cursor:pointer;border-radius:var(--radius-6);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);background-color:var(--button-bg,var(--_button-bg));color:var(--button-fg,var(--_button-fg));transition:background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out), opacity var(--duration-150) var(--ease-out);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}[data-ui=button][data-size=sm]{height:var(--size-32);padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);gap:var(--space-1-5)}[data-ui=button][data-size=md]{height:var(--size-40);padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);gap:var(--space-2)}[data-ui=button][data-size=lg]{height:var(--size-48);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);gap:var(--space-2)}[data-ui=button][data-size=xl]{height:var(--size-56);padding:var(--space-4) var(--space-6);font-size:var(--font-size-md);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);gap:var(--space-2)}[data-ui=button][data-variant=primary]{--_button-bg:var(--bg-brand);--_button-fg:var(--text-on-brand)}[data-ui=button][data-variant=secondary]{--_button-bg:var(--bg-neutral);--_button-fg:var(--text-on-neutral)}[data-ui=button][data-variant=outline]{--_button-bg:transparent;--_button-fg:var(--text-primary);border:var(--border-1) solid var(--border-default)}[data-ui=button][data-variant=ghost]{--_button-bg:transparent;--_button-fg:var(--text-primary);text-decoration:underline}[data-ui=button][data-variant=destructive]{--_button-bg:var(--bg-destructive);--_button-fg:var(--text-on-destructive)}[data-ui=button]:after{content:"";border-radius:inherit;pointer-events:none;transition:background-color var(--duration-150) var(--ease-out);position:absolute;inset:0}[data-ui=button]:hover:after{background-color:var(--interaction-hover)}[data-ui=button]:active:after{background-color:var(--interaction-pressed)}[data-ui=button]:focus-visible{outline:2px solid var(--color-blue-200);outline-offset:0px}[data-ui=button][data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}[data-ui=button][data-disabled]:after{display:none}[data-ui=button][data-loading]{cursor:default;opacity:1}[data-ui=button][data-loading] .button-content{animation:button-content-hide 1ms var(--duration-150) forwards}[data-ui=button] .button-spinner{opacity:0;animation:button-spinner-reveal var(--duration-150) var(--duration-150) both;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.button-spinner-icon{border:var(--border-2) solid currentColor;border-radius:var(--radius-full);width:1em;height:1em;animation:button-spin var(--duration-500) linear infinite;border-right-color:#0000}@keyframes button-content-hide{to{opacity:0}}@keyframes button-spinner-reveal{to{opacity:1}}@keyframes button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=button],[data-ui=button]:after{transition:none}[data-ui=button][data-loading] .button-content,[data-ui=button] .button-spinner{animation-delay:0s}.button-spinner-icon{animation-duration:1.5s}}[data-ui=button][data-full-width]{width:100%}.button-content{justify-content:center;align-items:center;gap:inherit;display:flex}[data-ui=button] .button-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-ui=button] .button-icon svg{width:100%;height:100%}[data-ui=button][data-size=sm] .button-icon,[data-ui=button][data-size=md] .button-icon{width:var(--size-16);height:var(--size-16)}[data-ui=button][data-size=lg] .button-icon,[data-ui=button][data-size=xl] .button-icon{width:var(--size-24);height:var(--size-24)}[data-ui=button][data-size=sm]:before{content:"";min-height:var(--size-44);position:absolute;inset:-6px 0}[data-ui=icon]{vertical-align:middle;flex-shrink:0;display:inline-block}[data-ui=icon][data-size=xs]{width:var(--size-12);height:var(--size-12)}[data-ui=icon][data-size=sm]{width:var(--icon-size-sm);height:var(--icon-size-sm)}[data-ui=icon][data-size=md]{width:var(--icon-size-md);height:var(--icon-size-md)}[data-ui=icon][data-size=lg]{width:var(--icon-size-lg);height:var(--icon-size-lg)}}