@apply relative isolate inline-flex h-10 w-fit origin-center items-center justify-center gap-2 rounded-3xl px-4 text-sm font-medium whitespace-nowrap will-change-transform outline-none select-none no-highlight md:h-9;.button{transition:transform .25s var(--ease-smooth),background-color .1s var(--ease-out),box-shadow .1s var(--ease-out)}@apply transform-gpu motion-reduce:transition-none;.button{cursor:var(--cursor-interactive)}@apply status-focused;@apply status-disabled;@apply status-pending;.button:active,.button[data-pressed=true]{transform:scale(.97)}@apply pointer-events-none -mx-0.5 my-0.5 size-5 shrink-0 self-center sm:my-1 sm:size-4;@apply h-9 px-3 md:h-8;@apply size-4;.button--sm:active,.button--sm[data-pressed=true]{transform:scale(.98)}@apply h-11 text-base md:h-10;.button--lg:active,.button--lg[data-pressed=true]{transform:scale(.96)}@apply bg-accent text-accent-foreground;@apply bg-accent-hover;@media (hover:hover){@apply bg-accent-hover;}@apply bg-default text-accent;@apply bg-default-hover;@media (hover:hover){@apply bg-default-hover;}@apply bg-default;@apply bg-default-hover;@media (hover:hover){@apply bg-default-hover;}@apply bg-transparent text-default-foreground;@apply bg-default-hover;@media (hover:hover){@apply bg-default-hover;}@apply bg-danger text-danger-foreground;@apply bg-danger-hover;@media (hover:hover){@apply bg-danger-hover;}@apply bg-danger-soft text-danger-soft-foreground;@apply bg-danger-soft-hover;@media (hover:hover){@apply bg-danger-soft-hover;}@apply w-10 p-0 md:w-9;@apply w-9 md:w-8;@apply w-11 md:w-10;@apply w-full;