.s-button{cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;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--rounded{border-radius:9999px}.s-button--color-primary{--button-color-700:hsl(var(--s-primary-800));--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));--button-color-50:hsl(var(--s-primary-50))}.s-button--color-accent{--button-color-700:hsl(var(--s-accent-700));--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));--button-color-50:hsl(var(--s-accent-50))}.s-button--color-success{--button-color-700:hsl(var(--s-success-700));--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));--button-color-50:hsl(var(--s-success-50))}.s-button--color-warning{--button-color-700:hsl(var(--s-warning-700));--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));--button-color-50:hsl(var(--s-warning-50))}.s-button--color-danger{--button-color-700:hsl(var(--s-danger-700));--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));--button-color-50:hsl(var(--s-danger-50))}.s-button--color-gray{--button-color-700:hsl(var(--s-gray-700));--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));--button-color-50:hsl(var(--s-gray-50))}.s-button--action-primary{background-color:var(--button-color-500);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.s-button--action-primary:hover,.group:hover .s-button--action-primary,.group:focus .s-button--action-primary{background-color:var(--button-color-400);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.s-button--action-primary.s-button--disabled,.s-button--action-primary.s-button--disabled:hover{background-color:hsl(var(--s-gray-100))}.s-button--action-secondary{background-color:var(--button-color-100);color:var(--button-color-700)}.s-button--action-secondary:hover,.group:hover .s-button--action-secondary,.group:focus .s-button--action-secondary{background-color:var(--button-color-200);color:var(--button-color-700)}.s-button--action-secondary.s-button--disabled,.s-button--action-secondary.s-button--disabled:hover{background-color:hsl(var(--s-gray-100))}.s-button--action-tertiary{border-width:1px;border-color:var(--button-color-500);color:var(--button-color-500);background-color:#0000}.s-button--action-tertiary:hover,.group:hover .s-button--action-tertiary,.group:focus .s-button--action-tertiary{border-color:var(--button-color-400);background-color:var(--button-color-100)}.s-button--action-tertiary.s-button--opaque{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.s-button--action-tertiary.s-button--disabled,.s-button--action-tertiary.s-button--disabled:hover{border-color:hsl(var(--s-gray-100));background-color:#0000}.s-button--action-tertiary.s-button--disabled.s-button--opaque{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.s-button--action-tertiary-soft{border-width:1px;border-color:var(--button-color-200);color:var(--button-color-500);background-color:#0000}.s-button--action-tertiary-soft:hover,.group:hover .s-button--action-tertiary-soft,.group:focus .s-button--action-tertiary-soft{background-color:var(--button-color-50)}.s-button--action-tertiary-soft.s-button--opaque{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.s-button--action-tertiary-soft.s-button--disabled,.s-button--action-tertiary-soft.s-button--disabled:hover{border-color:hsl(var(--s-gray-100));background-color:#0000}.s-button--action-tertiary-soft.s-button--disabled.s-button--opaque{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.s-button--action-quaternary{color:var(--button-color-500)}.s-button--action-quaternary:hover,.group:hover .s-button--action-quaternary,.group:focus .s-button--action-quaternary{background-color:var(--button-color-100)}.s-button--action-quaternary.s-button--opaque{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.s-button--action-quaternary.s-button--disabled:hover{background-color:#0000}.s-button--action-quaternary.s-button--disabled.s-button--opaque{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.s-button--disabled,.s-button--disabled:hover{cursor:not-allowed;color:hsl(var(--s-gray-500))}.s-button-text{gap:.5rem;font-weight:600}.s-button-text__content{align-items:center;gap:.5rem;display:inline-flex}.s-button-text__content--text-align-left{text-align:left;margin-right:auto}.s-button-text__content--text-align-center{text-align:center;margin-left:auto;margin-right:auto}.s-button-text__content--text-align-right{text-align:right;margin-left:auto}.s-button-text__content--text-align-between{justify-content:space-between;width:100%}.s-button-text--fluid{width:100%}.s-button-text--action-primary.s-button--checked{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:var(--button-color-300)}.s-button-text--action-tertiary.s-button--checked{border-width:2px;border-color:var(--button-color-500);background-color:var(--button-color-100)}.s-button-text--action-secondary.s-button--checked,.s-button-text--action-quaternary.s-button--checked{border-width:2px;border-color:var(--button-color-500)}.s-button-text--action-link{color:var(--button-color-500);text-decoration-line:underline}.s-button-text--action-link:hover{color:var(--button-color-400)}.s-button-text--size-lg{min-height:3.5rem;padding:.75rem 2.5rem;font-size:1rem;line-height:1.5rem}.s-button-text--size-md{min-height:3rem;padding:.5rem 2rem;font-size:1rem;line-height:1.5rem}.s-button-text--size-sm{min-height:2.5rem;padding:.5rem 1.25rem;font-size:.875rem;line-height:1.25rem}.s-button-text--size-xs{padding:.25rem .5rem;display:inline-flex}.s-button-text--size-inline{margin:-.25rem -.5rem;padding:.25rem .5rem;display:inline-flex}
