.button[data-v-7d21d9fe]{height:var(--button-height);padding:var(--button-padding);font-size:var(--button-fontSize,.875rem);color:var(--button-color);background:var(--button-background);border:1px solid var(--button-border,transparent);border-radius:4px;line-height:1;display:inline-flex;position:relative}.button .button-content.button-content[data-v-7d21d9fe]{z-index:1;width:100%;height:100%;color:var(--button-color);justify-content:center;align-items:center;gap:.625rem;display:flex;position:relative}.button[data-v-7d21d9fe]:before{content:"";border-radius:inherit;background:0 0;display:block;position:absolute;inset:0}.button[data-v-7d21d9fe]:hover:not(:disabled):before{background:var(--button-background-hover,#0000001a)}.button[data-v-7d21d9fe]:disabled{opacity:.75}.button[data-color=default][data-v-7d21d9fe]{--button-background:transparent;--button-color:var(--app-color-grey)}html[data-app-color-scheme=dark] .button[data-color=default][data-v-7d21d9fe]{--button-background:transparent;--button-color:var(--app-color-medium-grey)}.button[data-color=primary][data-v-7d21d9fe]{--button-background:var(--app-color-primary);--button-color:var(--app-color-primary-light)}html[data-app-color-scheme=dark] .button[data-color=primary][data-v-7d21d9fe]{--button-background:var(--app-color-secondary);--button-color:var(--app-color-white-light)}.button[data-color=light][data-v-7d21d9fe]{--button-background:var(--app-color-white);--button-color:var(--app-color-grey)}html[data-app-color-scheme=dark] .button[data-color=light][data-v-7d21d9fe]{--button-background:var(--app-color-black);--button-color:var(--app-color-medium-grey)}.button[data-color=primary-outline][data-v-7d21d9fe]{--button-background:var(--app-color-white);--button-color:var(--app-color-primary);--button-background-hover:var(--app-color-primary-light);--button-border:var(--app-color-primary)}html[data-app-color-scheme=dark] .button[data-color=primary-outline][data-v-7d21d9fe]{--button-background:var(--app-color-secondary);--button-color:var(--app-color-white-light);--button-background-hover:unset}.button[data-size=default][data-v-7d21d9fe]{--button-height:max-content;--button-padding:2px}.button[data-size=md][data-v-7d21d9fe]{--button-height:auto;--button-padding:.5rem 2.25rem;font-weight:500}.button[data-size=xs][data-v-7d21d9fe]{--button-height:2rem;--button-padding:0 1rem}.button[data-size=xxs][data-v-7d21d9fe]{--button-height:1.75rem;--button-padding:0 1rem}