@layer q.tokens{:root,[data-theme]{--q-switch-gap:var(--q-space-1-5);--q-switch-fg:var(--q-fg);--q-switch-disabled-opacity:.4;--q-switch-sm-width:var(--q-space-4);--q-switch-sm-height:var(--q-space-2-5);--q-switch-sm-thumb:var(--q-space-1-5);--q-switch-sm-font-size:var(--q-text-sm);--q-switch-md-width:var(--q-space-5);--q-switch-md-height:var(--q-space-3);--q-switch-md-thumb:var(--q-space-2);--q-switch-md-font-size:var(--q-text-md);--q-switch-lg-width:var(--q-space-6);--q-switch-lg-height:28px;--q-switch-lg-thumb:var(--q-space-2-5);--q-switch-lg-font-size:var(--q-text-lg);--q-switch-track-border:var(--q-border-strong);--q-switch-track-bg:var(--q-bg-subtle);--q-switch-track-bg-on:var(--q-accent-bg);--q-switch-thumb-bg:var(--q-fg-muted);--q-switch-thumb-bg-on:var(--q-fg-on-accent);--q-switch-text-gap:var(--q-space-0-25);--q-switch-text-leading:var(--q-leading-ui);--q-switch-description-font-size:var(--q-text-sm);--q-switch-description-fg:var(--q-fg-muted)}}@layer q.themes,q.base;@layer q.components{.q-switch{--_w:var(--q-switch-md-width);--_h:var(--q-switch-md-height);--_k:var(--q-switch-md-thumb);align-items:center;gap:var(--q-switch-gap);font-size:var(--q-switch-md-font-size);color:var(--q-switch-fg);cursor:pointer;display:inline-flex}.q-switch--sm{--_w:var(--q-switch-sm-width);--_h:var(--q-switch-sm-height);--_k:var(--q-switch-sm-thumb);font-size:var(--q-switch-sm-font-size)}.q-switch--lg{--_w:var(--q-switch-lg-width);--_h:var(--q-switch-lg-height);--_k:var(--q-switch-lg-thumb);font-size:var(--q-switch-lg-font-size)}.q-switch--described{align-items:flex-start}.q-switch--disabled{opacity:var(--q-switch-disabled-opacity);cursor:not-allowed}.q-switch__track{--_pad:calc((var(--_h) - 2 * var(--q-hairline) - var(--_k)) / 2);box-sizing:border-box;width:var(--_w);height:var(--_h);border:var(--q-hairline) solid var(--q-switch-track-border);border-radius:var(--q-radius-pill);background:var(--q-switch-track-bg);transition:background var(--q-dur-hover) var(--q-ease-soft), border-color var(--q-dur-hover) var(--q-ease-soft);flex:none;position:relative}.q-switch__track[aria-checked=true]{border-color:var(--q-switch-track-bg-on);background:var(--q-switch-track-bg-on)}.q-switch__thumb{top:var(--_pad);left:var(--_pad);width:var(--_k);height:var(--_k);border-radius:var(--q-radius-pill);background:var(--q-switch-thumb-bg);transition:left var(--q-dur-hover) var(--q-ease-soft), background var(--q-dur-hover) var(--q-ease-soft);position:absolute}.q-switch__track[aria-checked=true]>.q-switch__thumb{left:calc(var(--_w) - 2 * var(--q-hairline) - var(--_pad) - var(--_k));background:var(--q-switch-thumb-bg-on)}.q-switch__text{gap:var(--q-switch-text-gap);line-height:var(--q-switch-text-leading);flex-direction:column;display:flex}.q-switch--label-left>.q-switch__text{flex:1}.q-switch__description{font-size:var(--q-switch-description-font-size);color:var(--q-switch-description-fg)}}@layer q.utilities;