.button[data-v-e9236d13]{--color:var(--base-color);--background-color:var(--primary-color-hsl);-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--background-color));border:none;border-radius:var(--border-radius);box-shadow:0 0 0 1em transparent;color:var(--color);cursor:pointer;font-family:inherit;font-size:inherit;gap:.6em;justify-content:center;padding:.5em .8em;text-decoration:none;transition:scale .2s,opacity .2s,box-shadow .5s,background-color .5s,color .5s}.button__icon[data-v-e9236d13]{margin-left:.5em}.button__icon--preffix[data-v-e9236d13]{margin-left:0;margin-right:.5em}.button[data-v-e9236d13]:active{box-shadow:0 0 0 2em hsl(var(--background-color)/10%);scale:.95;transition-duration:.1s}.button[data-v-e9236d13]:disabled{opacity:.3!important;pointer-events:none!important}.button--low[data-v-e9236d13]{opacity:.3}.button--none[data-v-e9236d13]{padding:0}.button--small[data-v-e9236d13]{padding:.3em .6em}.button--large[data-v-e9236d13]{padding:.8em 1.4em}.button--icon-only[data-v-e9236d13]{padding:.5em .6em}.button--icon-only .icon[data-v-e9236d13]{margin-left:0}.button--icon-only.button--none[data-v-e9236d13]{padding:0}.button--icon-only.button--small[data-v-e9236d13]{padding:.3em .4em}.button--icon-only.button--large[data-v-e9236d13]{padding:.8em 1em}.button--warning[data-v-e9236d13]{--color:var(--primary-color);--background-color:var(--warning-color-hsl)}@media (prefers-color-scheme:dark){.button--warning[data-v-e9236d13]{--color:var(--base-color)}}.button--transparent[data-v-e9236d13]{--color:inherit;--background-color:0 0% 0%/0%}.button--bordered[data-v-e9236d13]{--color:var(--primary-color);--background-color:0 0% 0%/0%;box-shadow:inset 0 0 0 var(--border-width) var(--color)}.button--bordered[data-v-e9236d13]:active{--background-color:var(--primary-color-hsl) /10%;box-shadow:inset 0 0 0 var(--border-width) var(--color),0 0 0 2em hsl(var(--primary-color-hsl)/10%)}@media (hover:hover) and (pointer:fine){.button[data-v-e9236d13]:focus-visible,.button[data-v-e9236d13]:hover{scale:1.1}.button--low[data-v-e9236d13]:focus-visible,.button--low[data-v-e9236d13]:hover{opacity:1}.button[data-v-e9236d13]:active{scale:1}}