.app-button{position:relative;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;white-space:nowrap;text-align:center;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-button.__rounded-full{border-radius:9999px}.app-button.__disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.app-button.__no-action{cursor:default!important}.app-button.__loading{pointer-events:none}@keyframes pulse{50%{opacity:.5}}.app-button.__loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.app-button.__size-xs,.app-button.__size-extra-small{gap:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;height:24px}.app-button.__size-sm,.app-button.__size-small{gap:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;height:32px}.app-button.__size-md,.app-button.__size-medium{gap:.75rem;padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;height:40px}.app-button.__size-lg,.app-button.__size-large{gap:1rem;padding:1rem 2rem;font-size:1rem;line-height:1.5rem;height:50px}.app-button.__outline{border-width:2px}.app-button.__color-current-theme:is(.__outline){background-color:#fff0;border-color:var(--color-app-500);color:var(--color-app-500)}.app-button.__color-current-theme:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-app-500);color:#fff}.app-button.__color-current-theme:not(.__outline){color:#fff;background-color:var(--color-app-500)}.app-button.__color-current-theme:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-app-600)}.app-button.__color-primary:is(.__outline){background-color:#fff0;border-color:var(--color-brand-primary-500);color:var(--color-brand-primary-500)}.app-button.__color-primary:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-brand-primary-500);color:#fff}.app-button.__color-primary:not(.__outline){color:#fff;background-color:var(--color-brand-primary-500)}.app-button.__color-primary:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-brand-primary-600)}.app-button.__color-teal:is(.__outline){background-color:#fff0;border-color:var(--color-teal-500);color:var(--color-teal-500)}.app-button.__color-teal:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-teal-500);color:#fff}.app-button.__color-teal:not(.__outline){color:#fff;background-color:var(--color-teal-500)}.app-button.__color-teal:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-teal-600)}.app-button.__color-purple:is(.__outline){background-color:#fff0;border-color:var(--color-purple-500);color:var(--color-purple-500)}.app-button.__color-purple:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-purple-500);color:#fff}.app-button.__color-purple:not(.__outline){color:#fff;background-color:var(--color-purple-500)}.app-button.__color-purple:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-purple-600)}.app-button.__color-orange:is(.__outline){background-color:#fff0;border-color:var(--color-orange-500);color:var(--color-orange-500)}.app-button.__color-orange:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-orange-500);color:#fff}.app-button.__color-orange:not(.__outline){color:#fff;background-color:var(--color-orange-500)}.app-button.__color-orange:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-orange-600)}.app-button.__color-blue:is(.__outline){background-color:#fff0;border-color:var(--color-blue-500);color:var(--color-blue-500)}.app-button.__color-blue:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-blue-500);color:#fff}.app-button.__color-blue:not(.__outline){color:#fff;background-color:var(--color-blue-500)}.app-button.__color-blue:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-blue-600)}.app-button.__color-red:is(.__outline){background-color:#fff0;border-color:var(--color-red-500);color:var(--color-red-500)}.app-button.__color-red:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-red-500);color:#fff}.app-button.__color-red:not(.__outline){color:#fff;background-color:var(--color-red-500)}.app-button.__color-red:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-red-600)}.app-button.__color-gray:is(.__outline){background-color:#fff0;border-color:var(--color-text-deferred-muted);color:var(--color-text-deferred-muted)}.app-button.__color-gray:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-text-deferred-muted);color:#fff}.app-button.__color-gray:not(.__outline){color:#fff;background-color:var(--color-text-deferred-muted)}.app-button.__color-gray:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:var(--color-gray-600)}.app-button.__color-white:is(.__outline){background-color:#fff0;border-color:#fff;color:#fff}.app-button.__color-white:is(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:#fff;color:var(--color-brand-primary-500)}.app-button.__color-white:not(.__outline){color:var(--color-brand-primary-500);background-color:#fff}.app-button.__color-white:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{background-color:#fff}.app-button.__color-light:not(.__outline){border-width:1px;border-color:var(--color-border-deferred-muted);color:var(--color-text-deferred);background-color:var(--color-bg-deferred-light)}.app-button.__color-light:not(.__outline):not(.__loading):not(.__disabled):not(.__no-action):hover{color:var(--color-text-deferred-muted)}