.app-button[data-v-87ad5c1b]{border-radius:var(--input-border-radius);white-space:nowrap;font-size:16px;font-weight:600;line-height:24px;transition:background-color .15s,color .15s,border-color .15s}.app-button[data-v-87ad5c1b]:disabled{cursor:not-allowed;opacity:.65}.app-button[data-v-87ad5c1b]:focus-visible{outline:2px solid rgb(var(--colour-primary));outline-offset:2px}.app-button.app-button--primary[data-v-87ad5c1b]{background-color:rgb(var(--colour-primary));color:rgb(var(--colour-surface))}.app-button.app-button--primary[data-v-87ad5c1b]:hover:not(:disabled){background-color:rgb(var(--colour-primary-dark))}.app-button.app-button--secondary[data-v-87ad5c1b]{background-color:rgb(var(--colour-surface));color:rgb(var(--colour-text-primary));border:1px solid rgb(var(--colour-border))}.app-button.app-button--secondary[data-v-87ad5c1b]:hover:not(:disabled){background-color:rgb(var(--colour-app-background))}.app-button.app-button--danger[data-v-87ad5c1b]{background-color:rgb(var(--colour-danger));color:rgb(var(--colour-surface))}.app-button.app-button--danger[data-v-87ad5c1b]:hover:not(:disabled){background-color:rgb(var(--colour-danger))}.app-button.app-button--danger-outline[data-v-87ad5c1b]{background-color:rgb(var(--colour-surface));color:rgb(var(--colour-danger));border:1px solid rgb(var(--colour-border))}.app-button.app-button--danger-outline[data-v-87ad5c1b]:hover:not(:disabled){background-color:rgb(var(--colour-danger-tint))}.app-button.app-button--ghost[data-v-87ad5c1b]{color:rgb(var(--colour-primary));background-color:#0000}.app-button.app-button--ghost[data-v-87ad5c1b]:hover:not(:disabled){background-color:rgb(var(--colour-primary-ghost))}.app-button.app-button--loading[data-v-87ad5c1b]{opacity:1;background-color:rgb(var(--colour-text-primary));color:rgb(var(--colour-surface))}.app-button.app-button--fab[data-v-87ad5c1b]{border-radius:50%;width:56px;height:56px}.app-button .app-button__loading[data-v-87ad5c1b]{width:100%}