.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-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{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{background-color:var(--button-color-400);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .s-button--action-primary,.group:focus .s-button--action-primary{background-color:var(--button-color-400)}.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-500)}.s-button--action-secondary:hover,.group:hover .s-button--action-secondary,.group:focus .s-button--action-secondary{background-color:var(--button-color-400);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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)}.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-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))}