.s-button{cursor:pointer;text-align:center;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.s-button--color-primary{--button-color-600:hsl(var(--s-primary-800));--button-color-500:hsl(var(--s-primary-700));--button-color-400:hsl(var(--s-primary-600));--button-color-300:hsl(var(--s-primary-500));--button-color-200:hsl(var(--s-primary-200));--button-color-100:hsl(var(--s-primary-50))}.s-button--color-accent{--button-color-600:hsl(var(--s-accent-600));--button-color-500:hsl(var(--s-accent-500));--button-color-400:hsl(var(--s-accent-400));--button-color-300:hsl(var(--s-accent-300));--button-color-200:hsl(var(--s-accent-200));--button-color-100:hsl(var(--s-accent-100))}.s-button--color-success{--button-color-600:hsl(var(--s-success-600));--button-color-500:hsl(var(--s-success-500));--button-color-400:hsl(var(--s-success-400));--button-color-300:hsl(var(--s-success-300));--button-color-200:hsl(var(--s-success-200));--button-color-100:hsl(var(--s-success-100))}.s-button--color-warning{--button-color-600:hsl(var(--s-warning-600));--button-color-500:hsl(var(--s-warning-500));--button-color-400:hsl(var(--s-warning-400));--button-color-300:hsl(var(--s-warning-300));--button-color-200:hsl(var(--s-warning-200));--button-color-100:hsl(var(--s-warning-100))}.s-button--color-danger{--button-color-600:hsl(var(--s-danger-600));--button-color-500:hsl(var(--s-danger-500));--button-color-400:hsl(var(--s-danger-400));--button-color-300:hsl(var(--s-danger-300));--button-color-200:hsl(var(--s-danger-200));--button-color-100:hsl(var(--s-danger-100))}.s-button--color-gray{--button-color-600:hsl(var(--s-gray-600));--button-color-500:hsl(var(--s-gray-500));--button-color-400:hsl(var(--s-gray-400));--button-color-300:hsl(var(--s-gray-300));--button-color-200:hsl(var(--s-gray-200));--button-color-100:hsl(var(--s-gray-100))}.s-button--action-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--button-color-500)}.s-button--action-primary:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--button-color-400)}.s-button--action-secondary{color:var(--button-color-500);background-color:var(--button-color-100)}.s-button--action-secondary:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:var(--button-color-400)}.s-button--action-tertiary{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:var(--button-color-500);border:1px solid var(--button-color-500)}.s-button--action-tertiary:hover{color:var(--button-color-500);background-color:var(--button-color-100);border-color:var(--button-color-400)}.s-button--action-quaternary{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:var(--button-color-500)}.s-button--action-quaternary:hover{color:var(--button-color-400);background-color:var(--button-color-100)}.s-button--action-link{color:var(--button-color-500);text-decoration-line:underline}.s-button--action-link:hover{color:var(--button-color-400)}.s-button--size-lg{min-height:3.5rem;padding:.75rem 2.5rem;font-size:1rem;line-height:1.5rem}.s-button--size-md{min-height:3rem;padding:.5rem 2rem;font-size:1rem;line-height:1.5rem}.s-button--size-sm{min-height:2.5rem;padding:.5rem 1.25rem;font-size:.875rem;line-height:1.25rem}.s-button--size-inline{margin:-.25rem -.5rem;padding:.25rem .5rem;display:inline-flex}.s-button--disabled,.s-button--disabled:hover{cursor:not-allowed;border-color:hsl(var(--s-gray-100));background-color:hsl(var(--s-gray-100));color:hsl(var(--s-gray-500))}