2 lines
2.4 KiB
CSS
2 lines
2.4 KiB
CSS
.button[data-v-9cc9c4e7]{min-height:var(--fms-control-height);justify-content:center;align-items:center;gap:6px;display:inline-flex}.button[data-v-9cc9c4e7] svg{width:1em;height:1em}.button[data-v-9cc9c4e7]{padding:0 var(--fms-control-padding-x);font-size:var(--fms-font-size);font-family:inherit;font-weight:500;line-height:var(--fms-line-height);border-radius:var(--fms-control-radius);cursor:pointer;border:1px solid #0000;transition:background-color .15s,border-color .15s,color .15s,transform .15s}.button[data-v-9cc9c4e7]:active{transform:scale(.97)}.button[data-v-9cc9c4e7]:focus-visible{outline:2px solid var(--fms-primary);outline-offset:2px}.button-block[data-v-9cc9c4e7]{width:100%;display:flex}.button-default[data-v-9cc9c4e7]{background:var(--fms-primary);color:var(--fms-primary-text)}.button-default[data-v-9cc9c4e7]:hover:not(:disabled){background:var(--fms-primary-hover)}.button-default[data-v-9cc9c4e7]:active{background:var(--fms-primary-active)}.button-secondary[data-v-9cc9c4e7]{background:var(--fms-secondary-hover);color:var(--fms-text)}.button-secondary[data-v-9cc9c4e7]:hover:not(:disabled){background:color-mix(in srgb, var(--fms-secondary-hover) 92%, var(--fms-text))}.button-outline[data-v-9cc9c4e7]{border-color:var(--fms-border);color:var(--fms-text);background:0 0}.button-outline[data-v-9cc9c4e7]:hover:not(:disabled){background:var(--fms-secondary-hover)}.button-ghost[data-v-9cc9c4e7]{color:var(--fms-text-secondary);background:0 0}.button-ghost[data-v-9cc9c4e7]:hover:not(:disabled){background:var(--fms-secondary);color:var(--fms-text)}.button-danger[data-v-9cc9c4e7]{background:var(--fms-danger);color:var(--fms-danger-text)}.button-danger[data-v-9cc9c4e7]:hover:not(:disabled){background:color-mix(in srgb, var(--fms-danger) 88%, #000)}.button-link[data-v-9cc9c4e7]{color:var(--fms-primary);background:0 0;padding:0 4px}.button-link[data-v-9cc9c4e7]:hover:not(:disabled){color:var(--fms-primary-hover);text-decoration:underline}.button[data-v-9cc9c4e7]:disabled{opacity:.5;cursor:not-allowed}.button-loading[data-v-9cc9c4e7]{cursor:default}.button-loading[data-v-9cc9c4e7] svg:not(.button-spinner){display:none}[data-v-9cc9c4e7] .button-spinner{flex-shrink:0;width:1em;height:1em;animation:.8s linear infinite button-spin-9cc9c4e7}@keyframes button-spin-9cc9c4e7{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.button[data-v-9cc9c4e7]{transition:none}.button-spinner[data-v-9cc9c4e7],[data-v-9cc9c4e7] .button-spinner{animation:none}}
|