@layer Quaff,Quaff.theme,Quaff.ripple,Quaff.components,Quaff.classes,Quaff.disabled,theme,ripple,components,classes,disabled,Quaff.components.q-avatar,Quaff.components.q-btn,Quaff.components.q-btn--disabled,Quaff.components.q-chip,Quaff.components.q-chip--disabled,Quaff.components.q-slider,Quaff.components.q-switch,Quaff.components.q-switch--disabled;@layer theme,ripple,components,classes,disabled;@layer Quaff.components{@layer q-switch{.q-switch{--q-switch-state-opacity: 0%;--ripple-color: var(--q-switch-state-color);position:relative;display:inline-flex;min-height:48px;align-items:center;flex-shrink:0;gap:12.8px;color:var(--on-surface);cursor:pointer;outline:none;vertical-align:top;isolation:isolate}.q-switch--reversed{flex-direction:row-reverse}.q-switch[aria-checked=true]{--q-switch-track-color: var(--primary);--q-switch-track-outline-color: transparent;--q-switch-handle-color: var(--on-primary);--q-switch-handle-interaction-color: var(--primary-container);--q-switch-icon-color: var(--on-primary-container);--q-switch-state-color: var(--primary)}.q-switch[aria-checked=false]{--q-switch-track-color: var(--surface-container-highest);--q-switch-track-outline-color: var(--outline);--q-switch-handle-color: var(--outline);--q-switch-handle-interaction-color: var(--on-surface-variant);--q-switch-icon-color: var(--surface-container-highest);--q-switch-state-color: var(--on-surface)}.q-switch:not([aria-disabled]):is(:hover,:focus-visible,:active){--q-switch-handle-color: var(--q-switch-handle-interaction-color)}.q-switch:not([aria-disabled]):hover{--q-switch-state-opacity: 8%}.q-switch:not([aria-disabled]):is(:focus-visible,:active){--q-switch-state-opacity: 10%}.q-switch>.q-ripple__effect{inset:auto;inset-block-start:50%;inset-inline-start:-4px;width:40px;height:40px;border-radius:50%;transform:translateY(-50%);transition:inset-inline-start .25s cubic-bezier(.2,0,0,1),inset-inline-end .25s cubic-bezier(.2,0,0,1);z-index:1}.q-switch>.q-ripple__effect .q-ripple{max-width:100%;max-height:100%}.q-switch[aria-checked=true]>.q-ripple__effect{inset-inline-start:16px}.q-switch--reversed>.q-ripple__effect{inset-inline-start:auto;inset-inline-end:16px}.q-switch--reversed[aria-checked=true]>.q-ripple__effect{inset-inline-end:-4px}.q-switch__inner{position:relative;width:52px;height:32px;flex:none;border-radius:160px}.q-switch:focus-visible .q-switch__inner:after{content:"";position:absolute;inset:0;border-radius:inherit;outline:3px solid var(--secondary);outline-offset:2px;pointer-events:none;z-index:3}.q-switch__label{font-family:var(--typescale-body-large-font-family-name);font-style:var(--typescale-body-large-font-family-style);font-weight:var(--typescale-body-large-font-weight);font-size:var(--typescale-body-large-font-size);line-height:var(--typescale-body-large-line-height);letter-spacing:var(--typescale-body-large-letter-spacing)}.q-switch .q-switch__track{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit}.q-switch .q-switch__track:before{content:"";position:absolute;inset:0;box-sizing:border-box;border-color:var(--q-switch-track-outline-color);border-style:solid;border-width:0;border-radius:inherit;background-color:var(--q-switch-track-color);transition:background-color 67ms linear,border-color 67ms linear}.q-switch[aria-checked=false] .q-switch__track:before{border-width:2px}.q-switch .q-switch__handle-container{position:relative;display:flex;place-content:center;place-items:center;transition:margin .25s cubic-bezier(.2,0,0,1);z-index:2}.q-switch .q-switch__handle-container:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background-color:var(--q-switch-state-color);opacity:var(--q-switch-state-opacity);transition:opacity 15ms linear,background-color 15ms linear}.q-switch[aria-checked=true] .q-switch__handle-container{margin-inline-start:20px}.q-switch[aria-checked=false] .q-switch__handle-container{margin-inline-end:20px}.q-switch .q-switch__handle{position:relative;width:16px;height:16px;border-radius:50%;background-color:var(--q-switch-handle-color);transition:width .25s cubic-bezier(.2,0,0,1),height .25s cubic-bezier(.2,0,0,1),background-color 67ms linear;z-index:1}.q-switch .q-switch__handle--with-icon,.q-switch[aria-checked=true] .q-switch__handle{width:24px;height:24px}.q-switch:not([aria-disabled]):active .q-switch__handle{width:28px;height:28px;transition:width .1s linear,height .1s linear,background-color 67ms linear}.q-switch .q-switch__icon{position:absolute;inset:0;display:grid;margin:auto;place-items:center;color:var(--q-switch-icon-color);opacity:0;transform:rotate(0);transition:color 67ms linear,opacity 33ms linear,transform 167ms cubic-bezier(.2,0,0,1)}.q-switch[aria-checked=true] .q-switch__icon--checked,.q-switch[aria-checked=false] .q-switch__icon--unchecked{opacity:1}.q-switch[aria-checked=false] .q-switch__handle:not(.q-switch__handle--with-icon) .q-switch__icon--checked{transform:rotate(-45deg)}}@layer q-switch--disabled{.q-switch[aria-disabled]{color:color-mix(in srgb,var(--on-surface) 38%,transparent);cursor:default;-webkit-user-select:none;user-select:none}.q-switch[aria-disabled][aria-checked=false]{--q-switch-track-color: color-mix(in srgb, var(--surface-container-highest) 12%, transparent);--q-switch-track-outline-color: color-mix(in srgb, var(--on-surface) 12%, transparent);--q-switch-handle-color: color-mix(in srgb, var(--on-surface) 38%, transparent);--q-switch-icon-color: color-mix(in srgb, var(--surface-container-highest) 38%, transparent)}.q-switch[aria-disabled][aria-checked=true]{--q-switch-track-color: color-mix(in srgb, var(--on-surface) 12%, transparent);--q-switch-handle-color: var(--surface);--q-switch-icon-color: color-mix(in srgb, var(--on-surface) 38%, transparent)}.q-switch[aria-disabled] .q-switch__track:before,.q-switch[aria-disabled] .q-switch__handle-container,.q-switch[aria-disabled] .q-switch__handle,.q-switch[aria-disabled] .q-switch__icon{transition:none}}@media(forced-colors:active){.q-switch{--q-switch-track-color: Canvas;--q-switch-track-outline-color: ButtonText;--q-switch-handle-color: ButtonText;--q-switch-handle-interaction-color: ButtonText;--q-switch-icon-color: Canvas;color:CanvasText}.q-switch__inner{forced-color-adjust:none}.q-switch .q-switch__handle-container:before,.q-switch .q-ripple__effect{display:none}.q-switch[aria-checked=true]{--q-switch-track-color: ButtonText;--q-switch-handle-color: Canvas;--q-switch-handle-interaction-color: Canvas;--q-switch-icon-color: ButtonText}.q-switch:focus-visible .q-switch__inner:after{outline-color:Highlight}.q-switch[aria-disabled]{color:GrayText}.q-switch[aria-disabled][aria-checked=false]{--q-switch-track-outline-color: GrayText;--q-switch-handle-color: GrayText;--q-switch-handle-interaction-color: GrayText}.q-switch[aria-disabled][aria-checked=true]{--q-switch-track-color: GrayText;--q-switch-icon-color: GrayText}}@media(prefers-reduced-motion:reduce){.q-switch .q-switch__track:before,.q-switch .q-switch__handle-container,.q-switch .q-switch__handle-container:before,.q-switch .q-switch__handle,.q-switch .q-switch__icon,.q-switch>.q-ripple__effect{transition:none}.q-switch .q-ripple{animation:none;transition:none}}}