.button{position:relative;isolation:isolate;display:inline-flex;height:2.5rem;width:-moz-fit-content;width:fit-content;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:1.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;outline:2px solid transparent;outline-offset:2px}@media (min-width:768px){.button{height:2.25rem}}.button{transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .1s cubic-bezier(0,0,.2,1),box-shadow .1s cubic-bezier(0,0,.2,1);transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));will-change:transform}@media (prefers-reduced-motion:reduce){.button{transition-property:none}}.button{cursor:pointer;--button-bg:transparent;--button-bg-hover:var(--button-bg);--button-bg-pressed:var(--button-bg-hover);--button-fg:currentColor;background-color:var(--button-bg);color:var(--button-fg)}.button:focus-visible:not(:focus),.button[data-focus-visible=true]{outline:2px solid hsl(var(--ring));outline-offset:2px}.button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.button[data-pending=true]{opacity:.8;cursor:wait}.button:active,.button[data-pressed=true]{background-color:var(--button-bg-pressed);transform:scale(.97)}@media (hover:hover){.button:hover,.button[data-hovered=true]{background-color:var(--button-bg-hover)}}.button svg:not([data-slot=spinner] svg,[data-slot=link-icon] svg){pointer-events:none;margin:.125rem -.125rem;width:1.25rem;height:1.25rem;flex-shrink:0;align-self:center}@media (min-width:640px){.button svg:not([data-slot=spinner] svg,[data-slot=link-icon] svg){margin-top:.25rem;margin-bottom:.25rem;width:1rem;height:1rem}}.button--sm{height:2.25rem;padding-left:.75rem;padding-right:.75rem}@media (min-width:768px){.button--sm{height:2rem}}.button--sm svg:not([data-slot=spinner] svg,[data-slot=link-icon] svg){width:1rem;height:1rem}.button--sm:active,.button--sm[data-pressed=true]{transform:scale(.98)}.button--lg{height:2.75rem;font-size:1rem;line-height:1.5rem}@media (min-width:768px){.button--lg{height:2.5rem}}.button--lg:active,.button--lg[data-pressed=true]{transform:scale(.96)}.button--primary{--button-bg:hsl(var(--primary));--button-bg-hover:hsl(var(--primary)/0.9);--button-bg-pressed:hsl(var(--primary)/0.8);--button-fg:hsl(var(--primary-foreground))}.button--secondary{--button-bg:hsl(var(--secondary));--button-bg-hover:hsl(var(--secondary)/0.8);--button-bg-pressed:hsl(var(--secondary)/0.7);--button-fg:hsl(var(--secondary-foreground))}.button--tertiary{--button-bg:hsl(var(--muted));--button-bg-hover:hsl(var(--muted)/0.8);--button-bg-pressed:hsl(var(--muted)/0.7)}.button--ghost,.button--outline{--button-bg:transparent;--button-bg-hover:hsl(var(--accent));--button-bg-pressed:hsl(var(--accent)/0.8);--button-fg:hsl(var(--foreground))}.button--outline{border-width:.25px;border-color:hsl(var(--border));--button-bg-hover:color-mix(in srgb,hsl(var(--accent)) 60%,transparent)}.button--danger{--button-bg:hsl(var(--destructive));--button-bg-hover:hsl(var(--destructive)/0.9);--button-bg-pressed:hsl(var(--destructive)/0.8);--button-fg:hsl(var(--destructive-foreground))}.button--danger-soft{--button-bg:hsl(var(--destructive)/0.2);--button-bg-hover:hsl(var(--destructive)/0.3);--button-bg-pressed:hsl(var(--destructive)/0.4);--button-fg:hsl(var(--destructive))}.button--icon-only{width:2.5rem;padding:0}@media (min-width:768px){.button--icon-only{width:2.25rem}}.button--icon-only.button--sm{width:2.25rem}@media (min-width:768px){.button--icon-only.button--sm{width:2rem}}.button--icon-only.button--lg{width:2.75rem}@media (min-width:768px){.button--icon-only.button--lg{width:2.5rem}}.button--full-width{width:100%}