@layer button{:root{--sm-button-focus-ring-color:color-mix(in srgb, var(--sm-bg-interactive) 40%, transparent);--sm-button-spinner-size:1rem;--sm-button-spinner-border-width:2px;--sm-button-spinner-color:currentColor}}@layer components{.sm-button{font-family:var(--sm-font-family);font-weight:var(--sm-font-weight);line-height:var(--sm-control-line-height,1.5);border-radius:var(--sm-radius-sm);border:var(--sm-border-width) solid;transition:var(--sm-transition);cursor:pointer;outline:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.sm-button:focus-visible{box-shadow:0 0 0 2px var(--sm-button-focus-ring-color);outline:none}.sm-button:disabled{opacity:var(--sm-disabled-opacity);cursor:var(--sm-disabled-cursor);pointer-events:none}.sm-button--xs{--sm-button-padding-block:var(--sm-padding-block-xs);--sm-button-padding-inline:var(--sm-padding-inline-xs);padding:var(--sm-button-padding-block) var(--sm-button-padding-inline);font-size:var(--sm-font-size-xs)}.sm-button--sm{--sm-button-padding-block:var(--sm-padding-block-sm);--sm-button-padding-inline:var(--sm-padding-inline-sm);padding:var(--sm-button-padding-block) var(--sm-button-padding-inline);font-size:var(--sm-font-size-sm)}.sm-button--md{--sm-button-padding-block:var(--sm-padding-block-md);--sm-button-padding-inline:var(--sm-padding-inline-md);padding:var(--sm-button-padding-block) var(--sm-button-padding-inline);font-size:var(--sm-font-size-md)}.sm-button--lg{--sm-button-padding-block:var(--sm-padding-block-lg);--sm-button-padding-inline:var(--sm-padding-inline-lg);padding:var(--sm-button-padding-block) var(--sm-button-padding-inline);font-size:var(--sm-font-size-lg)}.sm-button--xl{--sm-button-padding-block:var(--sm-padding-block-xl);--sm-button-padding-inline:var(--sm-padding-inline-xl);padding:var(--sm-button-padding-block) var(--sm-button-padding-inline);font-size:var(--sm-font-size-xl)}.sm-button--primary{background-color:var(--sm-bg-interactive);color:var(--sm-text-inverse);border-color:var(--sm-bg-interactive)}.sm-button--primary:hover:not(:disabled){background-color:var(--sm-bg-interactive-hover);border-color:var(--sm-bg-interactive-hover)}.sm-button--secondary{background-color:var(--sm-secondary);color:var(--sm-secondary-text);border-color:var(--sm-secondary)}.sm-button--secondary:hover:not(:disabled){background-color:var(--sm-secondary-hover);border-color:var(--sm-secondary-hover)}.sm-button--outline{color:var(--sm-text-primary);border-color:var(--sm-border-default);background-color:#0000}.sm-button--outline:hover:not(:disabled){background-color:var(--sm-bg-surface-raised);border-color:var(--sm-border-default)}.sm-button--info{background-color:var(--sm-info);color:var(--sm-info-text);border-color:var(--sm-info)}.sm-button--info:hover:not(:disabled){filter:brightness(.9)}.sm-button--success{background-color:var(--sm-success);color:var(--sm-success-text);border-color:var(--sm-success)}.sm-button--success:hover:not(:disabled){filter:brightness(.9)}.sm-button--warning{background-color:var(--sm-warning);color:var(--sm-warning-text);border-color:var(--sm-warning)}.sm-button--warning:hover:not(:disabled){filter:brightness(.9)}.sm-button--ghost{color:var(--sm-text-primary);background-color:#0000;border-color:#0000}.sm-button--ghost:hover:not(:disabled){background-color:var(--sm-bg-surface-raised);border-color:#0000}.sm-button--link{color:var(--sm-text-primary);text-underline-offset:4px;background-color:#0000;border-color:#0000;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.sm-button--link:hover:not(:disabled){-webkit-text-decoration-color:var(--sm-text-primary);text-decoration-color:var(--sm-text-primary);background-color:#0000;border-color:#0000}.sm-button--destructive{background-color:var(--sm-error);color:var(--sm-error-text);border-color:var(--sm-error)}.sm-button--destructive:hover:not(:disabled){filter:brightness(.9)}.sm-button--soft.sm-button--primary{background-color:var(--sm-primary-soft);color:var(--sm-primary-soft-text);border-color:#0000}.sm-button--soft.sm-button--primary:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--soft.sm-button--secondary{background-color:var(--sm-secondary-soft);color:var(--sm-secondary-soft-text);border-color:#0000}.sm-button--soft.sm-button--secondary:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--soft.sm-button--outline{background-color:var(--sm-neutral-soft);color:var(--sm-neutral-soft-text);border-color:#0000}.sm-button--soft.sm-button--outline:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--soft.sm-button--ghost{background-color:var(--sm-neutral-soft);color:var(--sm-neutral-soft-text);border-color:#0000}.sm-button--soft.sm-button--ghost:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--soft.sm-button--destructive{background-color:var(--sm-error-soft);color:var(--sm-error-soft-text);border-color:#0000}.sm-button--soft.sm-button--destructive:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--soft.sm-button--info{background-color:var(--sm-info-soft);color:var(--sm-info-soft-text);border-color:#0000}.sm-button--soft.sm-button--info:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--soft.sm-button--success{background-color:var(--sm-success-soft);color:var(--sm-success-soft-text);border-color:#0000}.sm-button--soft.sm-button--success:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--soft.sm-button--warning{background-color:var(--sm-warning-soft);color:var(--sm-warning-soft-text);border-color:#0000}.sm-button--soft.sm-button--warning:hover:not(:disabled){filter:brightness(.97);border-color:#0000}.sm-button--shape-square{aspect-ratio:1;border-radius:var(--sm-radius-sm)}.sm-button--shape-circle{aspect-ratio:1;border-radius:9999px}.sm-button--shape-pill{border-radius:var(--sm-radius-full,9999px);padding-inline:calc(var(--sm-button-padding-block) * 1.5)}:is(.sm-button--shape-pill:has(>.sm-button__content>[data-slot=avatar]:first-child),.sm-button--shape-pill:has(>[data-slot=avatar]:first-child)){padding-inline-start:var(--sm-button-padding-block)}.sm-button--flush{padding-inline:0}.sm-button--icon-only{gap:0;padding-inline:0}.sm-button--icon-only.sm-button--xs{width:1.5rem;height:1.5rem}.sm-button--icon-only.sm-button--sm{width:2rem;height:2rem}.sm-button--icon-only.sm-button--md{width:2.5rem;height:2.5rem}.sm-button--icon-only.sm-button--lg{width:3rem;height:3rem}.sm-button--icon-only.sm-button--xl{width:3.5rem;height:3.5rem}.sm-button--full-width{width:100%;display:flex}.sm-button--full-width.sm-button--justify-start .sm-button__content{justify-content:flex-start;width:100%}.sm-button--full-width.sm-button--justify-end .sm-button__content{justify-content:flex-end;width:100%}.sm-button.sm-button--justify-start{justify-content:flex-start}.sm-button.sm-button--justify-center{justify-content:center}.sm-button.sm-button--justify-end{justify-content:flex-end}.sm-button--loading .sm-button__content{visibility:hidden}.sm-button__content{justify-content:center;align-items:center;gap:.5rem;display:flex}.sm-button__content--hidden{visibility:hidden}.sm-button__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sm-button__spinner{width:var(--sm-button-spinner-size);height:var(--sm-button-spinner-size);border:var(--sm-button-spinner-border-width) solid transparent;border-top-color:var(--sm-button-spinner-color);border-radius:50%;animation:1s linear infinite sm-button-spin;position:absolute}@keyframes sm-button-spin{to{transform:rotate(360deg)}}}