@layer q.tokens{:root,[data-theme]{--q-spinner-gap:var(--q-space-1-5);--q-spinner-xs-size:var(--q-space-1-5);--q-spinner-sm-size:var(--q-space-2);--q-spinner-md-size:var(--q-space-3);--q-spinner-lg-size:var(--q-space-4);--q-spinner-xl-size:var(--q-space-6);--q-spinner-ring-width:var(--q-hairline);--q-spinner-ring-width-thick:calc(var(--q-hairline) * 2);--q-spinner-track:var(--q-border);--q-spinner-paper-track:var(--q-track-on-inverse);--q-spinner-default-fg:var(--q-fg);--q-spinner-muted-fg:var(--q-fg-muted);--q-spinner-paper-fg:var(--q-bg);--q-spinner-molten-fg:var(--q-accent);--q-spinner-label-font-size:var(--q-text-2xs);--q-spinner-label-tracking:var(--q-tracking-mono);--q-spinner-label-fg:var(--q-fg-muted);--q-button-gap:var(--q-space-1);--q-button-radius:var(--q-radius-pill);--q-button-weight:var(--q-weight-semibold);--q-button-tracking:var(--q-tracking-tight);--q-button-disabled-opacity:.4;--q-button-arrow-nudge:var(--q-space-0-5);--q-button-sm-height:var(--q-control-sm);--q-button-sm-px:var(--q-space-2);--q-button-sm-font-size:var(--q-text-sm);--q-button-md-height:var(--q-control-md);--q-button-md-px:var(--q-space-3);--q-button-md-font-size:var(--q-text-md);--q-button-lg-height:var(--q-control-lg);--q-button-lg-px:var(--q-space-4);--q-button-lg-font-size:var(--q-text-lg);--q-button-primary-bg:var(--q-bg-inverse);--q-button-primary-bg-hover:var(--q-bg-inverse-hover);--q-button-primary-fg:var(--q-fg-on-inverse);--q-button-primary-border:var(--q-bg-inverse);--q-button-secondary-fg:var(--q-fg);--q-button-secondary-border:var(--q-border-emphasis);--q-button-secondary-bg-hover:var(--q-bg-subtle);--q-button-outline-fg:var(--q-fg);--q-button-outline-border:var(--q-border);--q-button-outline-border-hover:var(--q-border-emphasis);--q-button-outline-bg-hover:var(--q-bg-subtle);--q-button-ghost-fg:var(--q-fg);--q-button-ghost-fg-hover:var(--q-accent);--q-button-ghost-icon-bg-hover:var(--q-bg-subtle);--q-button-destructive-fg:var(--q-fg);--q-button-destructive-border:var(--q-border-emphasis);--q-button-destructive-hover:var(--q-accent)}}@layer q.themes,q.base;@layer q.components{.q-spinner{--_size:var(--q-spinner-md-size);--_ring-width:var(--q-spinner-ring-width);--_track:var(--q-spinner-track);--_tone:var(--q-spinner-default-fg);align-items:center;gap:var(--q-spinner-gap);display:inline-flex}.q-spinner--xs{--_size:var(--q-spinner-xs-size)}.q-spinner--sm{--_size:var(--q-spinner-sm-size)}.q-spinner--md{--_size:var(--q-spinner-md-size)}.q-spinner--lg{--_size:var(--q-spinner-lg-size)}.q-spinner--xl{--_size:var(--q-spinner-xl-size)}.q-spinner--thick{--_ring-width:var(--q-spinner-ring-width-thick)}.q-spinner--default{--_tone:var(--q-spinner-default-fg)}.q-spinner--muted{--_tone:var(--q-spinner-muted-fg)}.q-spinner--paper{--_tone:var(--q-spinner-paper-fg)}.q-spinner--molten{--_tone:var(--q-spinner-molten-fg)}.q-spinner--paper{--_track:var(--q-spinner-paper-track)}.q-spinner__ring{box-sizing:border-box;width:var(--_size);height:var(--_size);border:var(--_ring-width) solid var(--_track);border-top-color:var(--_tone);border-radius:var(--q-radius-pill);animation:of-spin var(--q-dur-spin) var(--q-ease-linear) infinite;flex:none}.q-spinner__label{color:var(--q-spinner-label-fg);font-family:var(--q-font-mono);font-size:var(--q-spinner-label-font-size);letter-spacing:var(--q-spinner-label-tracking);text-transform:uppercase}.q-button{--_height:var(--q-button-md-height);--_px:var(--q-button-md-px);justify-content:center;align-items:center;gap:var(--q-button-gap);box-sizing:border-box;height:var(--_height);padding:0 var(--_px);border:var(--q-hairline) solid transparent;border-radius:var(--q-button-radius);font-family:var(--q-font-sans);font-size:var(--q-button-md-font-size);font-weight:var(--q-button-weight);letter-spacing:var(--q-button-tracking);line-height:var(--q-leading-none);white-space:nowrap;cursor:pointer;transition:background var(--q-dur-hover) var(--q-ease-soft), color var(--q-dur-hover) var(--q-ease-soft), border-color var(--q-dur-hover) var(--q-ease-soft);background:0 0;text-decoration:none;display:inline-flex}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]){--_active:1}.q-button:disabled,.q-button[aria-disabled=true]{cursor:not-allowed}.q-button:disabled{opacity:var(--q-button-disabled-opacity)}.q-button--sm{--_height:var(--q-button-sm-height);--_px:var(--q-button-sm-px);font-size:var(--q-button-sm-font-size)}.q-button--lg{--_height:var(--q-button-lg-height);--_px:var(--q-button-lg-px);font-size:var(--q-button-lg-font-size)}.q-button--full{width:100%;display:flex}.q-button--icon-only{width:var(--_height);padding:0}.q-button--primary{border-color:var(--q-button-primary-border);background:var(--q-button-primary-bg);color:var(--q-button-primary-fg)}.q-button--secondary{border-color:var(--q-button-secondary-border);color:var(--q-button-secondary-fg)}.q-button--outline{border-color:var(--q-button-outline-border);color:var(--q-button-outline-fg)}.q-button--ghost{color:var(--q-button-ghost-fg);padding:0}.q-button--destructive{border-color:var(--q-button-destructive-border);color:var(--q-button-destructive-fg)}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]).q-button--primary{background:var(--q-button-primary-bg-hover)}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]).q-button--secondary{background:var(--q-button-secondary-bg-hover)}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]).q-button--outline{border-color:var(--q-button-outline-border-hover);background:var(--q-button-outline-bg-hover)}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]).q-button--ghost{color:var(--q-button-ghost-fg-hover)}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]).q-button--ghost.q-button--icon-only{background:var(--q-button-ghost-icon-bg-hover)}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]).q-button--destructive{border-color:var(--q-button-destructive-hover);color:var(--q-button-destructive-hover)}.q-button:is(:hover,:focus-visible):not(:disabled,[aria-disabled=true]) .q-button__arrow{transform:translateX(var(--q-button-arrow-nudge))}.q-button__arrow{transition:transform var(--q-dur-hover) var(--q-ease-soft);display:inline-block}}@layer q.utilities;@media (prefers-reduced-motion:no-preference){@keyframes of-spin{to{transform:rotate(360deg)}}}