.button-component[data-v-12c24640]{--_active-bg-color:var( --_variant-active-bg-color,var( --button-active-bg-color,color-mix(in srgb,currentColor 16%,var(--_bg-color)) ) );--_bg-color:var( --_variant-bg-color,var(--button-bg-color,var(--_default-bg-color,transparent)) );--_border-color:var( --_variant-border-color,var(--button-border-color,var(--_default-border-color,transparent)) );--_border-radius:var(--button-border-radius);--_border-width:var( --_variant-border-width,var(--button-border-width,var(--_default-border-width,0px)) );--_box-shadow:var( --_variant-box-shadow,var(--button-box-shadow,var(--_default-box-shadow,none)) );--_color:var( --_variant-color,var(--button-color,var(--_default-color,currentColor)) );--_hover-bg-color:var( --_variant-hover-bg-color,var( --button-hover-bg-color,color-mix(in srgb,currentColor 8%,var(--_bg-color)) ) );-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;-moz-appearance:none;appearance:none;background-color:var(--_bg-color);border-color:var(--_border-color);border-radius:var(--_border-radius);border-style:var(--button-border-style,solid);border-width:var(--_border-width);box-shadow:var(--_box-shadow);box-sizing:border-box;color:var(--_color);cursor:pointer;display:var(--button-display,inline-flex);font-family:var(--button-font-family);font-size:var(--button-font-size,1rem);font-weight:var(--button-font-weight,500);height:var(--button-height,48px);justify-content:center;margin-block:var(--button-margin-block);min-width:var(--button-min-width);outline-color:transparent;outline-offset:2px;outline-style:var(--button-focus-style,var(--default-focus-style,solid));outline-width:var(--button-focus-width,var(--default-focus-width,2px));overflow:hidden;padding-block:var(--button-padding-block,0);padding-inline:var(--button-padding-inline,1rem);position:relative;-webkit-text-decoration:var(--button-text-decoration,none);text-decoration:var(--button-text-decoration,none);transition:outline-color var(--focus-transition,0s),background-color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:var(--button-width)}.button-component[data-v-12c24640]:not(:disabled):not(.disabled):hover{background-color:var(--_hover-bg-color)}.button-component[data-v-12c24640]:not(:disabled):not(.disabled):active{background-color:var(--_active-bg-color)}.button-component[data-v-12c24640]:focus-visible{outline-color:var( --button-focus-color,var(--default-focus-color,canvasText) )}.button-component.disabled[data-v-12c24640],.button-component[disabled][data-v-12c24640]{box-shadow:none;opacity:.4;pointer-events:none}.button-component[data-icon-only][data-v-12c24640]{--_icon-only-size:var(--button__icon-only-size,40px);border-radius:var(--button__icon-only-border-radius,999px);height:var(--_icon-only-size);min-width:0;padding-inline:0;width:var(--_icon-only-size)}.button-component[data-icon-only].loading .spinner[data-v-12c24640]{margin-inline-end:0}.button-component[data-icon-only].loading [data-v-12c24640-s]{display:none}.button-component .spinner[data-v-12c24640]{--_spinner-size:var(--button-spinner-size,1em);border:2px solid;border-inline-end-color:transparent;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:var(--_spinner-size);margin-inline-end:var(--button-spinner-gap,.5rem);width:var(--_spinner-size)}@media(prefers-reduced-motion:no-preference){.button-component .spinner[data-v-12c24640]{animation:button-spin-12c24640 .8s linear infinite}}.button-component[data-variant=text][data-v-12c24640]{--_variant-active-bg-color:var(--button__text-active-bg-color);--_variant-bg-color:var(--button__text-bg-color);--_variant-color:var(--button__text-color);--_variant-hover-bg-color:var(--button__text-hover-bg-color)}.button-component[data-variant=elevated][data-v-12c24640]{--_default-bg-color:canvasText;--_default-box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px rgba(0,0,0,.12);--_default-color:contrast-color(var(--_bg-color));--_variant-active-bg-color:var(--button__elevated-active-bg-color);--_variant-bg-color:var(--button__elevated-bg-color);--_variant-box-shadow:var(--button__elevated-box-shadow);--_variant-color:var(--button__elevated-color);--_variant-hover-bg-color:var(--button__elevated-hover-bg-color)}.button-component[data-variant=filled][data-v-12c24640]{--_default-bg-color:canvasText;--_default-color:contrast-color(var(--_bg-color));--_variant-active-bg-color:var(--button__filled-active-bg-color);--_variant-bg-color:var(--button__filled-bg-color);--_variant-color:var(--button__filled-color);--_variant-hover-bg-color:var(--button__filled-hover-bg-color)}.button-component[data-variant=outlined][data-v-12c24640]{--_default-border-color:currentColor;--_default-border-width:1px;--_variant-active-bg-color:var(--button__outlined-active-bg-color);--_variant-bg-color:var(--button__outlined-bg-color);--_variant-border-color:var(--button__outlined-border-color);--_variant-border-width:var(--button__outlined-border-width);--_variant-color:var(--button__outlined-color);--_variant-hover-bg-color:var(--button__outlined-hover-bg-color)}.button-component[data-variant=tonal][data-v-12c24640]{--_default-bg-color:color-mix(in srgb,currentColor var(--button__tonal-percentage,10%),transparent);--_variant-active-bg-color:var(--button__tonal-active-bg-color);--_variant-bg-color:var(--button__tonal-bg-color);--_variant-color:var(--button__tonal-color);--_variant-hover-bg-color:var(--button__tonal-hover-bg-color)}@keyframes button-spin-12c24640{to{rotate:1turn}}