@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-chip{.q-chip{--chip-focus-outline-color: var(--on-surface);--chip-avatar-size: 18px;--chip-height: 32px;--chip-padding-block: calc((var(--chip-height) - var(--chip-content-size, 20px)) / 2);--chip-outline-color: var(--outline-variant);--chip-outline-width: 1px;--state-layer-color: var(--on-surface);--state-layer-opacity: 0%;--ripple-color: var(--state-layer-color);padding:var(--chip-padding-block) 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:start;gap:8px;height:fit-content;min-height:var(--chip-height);min-width:0;max-width:100%;background-color:transparent;color:var(--on-surface);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;font-family:var(--typescale-label-large-font-family-name);font-style:var(--typescale-label-large-font-family-style);font-weight:var(--typescale-label-large-font-weight);font-size:var(--typescale-label-large-font-size);line-height:var(--typescale-label-large-line-height);letter-spacing:var(--typescale-label-large-letter-spacing)}.q-chip:before,.q-chip:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.q-chip:before{background-color:color-mix(in srgb,var(--state-layer-color) var(--state-layer-opacity),transparent)}.q-chip:after{border:var(--chip-outline-width) solid var(--chip-outline-color)}.q-chip:hover:not([aria-disabled]){--state-layer-opacity: 8%}.q-chip:is(:focus-within,:active):not([aria-disabled]){--state-layer-opacity: 10%}.q-chip:focus-within:not([aria-disabled]){--chip-outline-color: var(--chip-focus-outline-color)}.q-chip:is(:focus-visible,:has(>.q-chip__primary:focus-visible)):not([aria-disabled]){outline:3px solid var(--secondary);outline-offset:2px}.q-chip.q-chip--md{--chip-avatar-size: 22.5px;--chip-height: 40px}.q-chip.q-chip--lg{--chip-avatar-size: 27px;--chip-height: 48px}.q-chip:has(.q-chip__avatar,.q-chip__leading-icon,.q-chip__trailing-icon){--chip-content-size: max(20px, var(--chip-avatar-size))}.q-chip.q-chip--input:has(.q-chip__avatar){--chip-content-size: max(24px, var(--chip-avatar-size))}.q-chip .q-avatar.q-chip__avatar{--size: var(--chip-avatar-size)}.q-chip.q-chip--elevated{--chip-outline-width: 0px;box-shadow:var(--elevate1)}.q-chip.q-chip--elevated:hover:not([aria-disabled]){box-shadow:var(--elevate2)}.q-chip.q-chip--elevated:is(:focus-within,:active):not([aria-disabled]){box-shadow:var(--elevate1)}.q-chip.q-chip--elevated{background-color:var(--surface-container-low)}.q-chip:is(.q-chip--filter,.q-chip--input,.q-chip--suggestion){--chip-focus-outline-color: var(--on-surface-variant);--state-layer-color: var(--on-surface-variant);color:var(--on-surface-variant)}.q-chip.q-chip--filter:active:not([aria-disabled]){--state-layer-color: var(--on-secondary-container)}.q-chip.q-chip--filter.q-chip--selected{--chip-outline-width: 0px;--state-layer-color: var(--on-secondary-container);background-color:var(--secondary-container);color:var(--on-secondary-container)}.q-chip.q-chip--filter.q-chip--selected :is(.q-chip__leading-icon,.q-chip__trailing-icon){color:var(--on-secondary-container)}.q-chip.q-chip--filter.q-chip--selected:active:not([aria-disabled]){--state-layer-color: var(--on-surface-variant)}.q-chip.q-chip--filter.q-chip--selected:not(.q-chip--elevated):hover:not([aria-disabled]){box-shadow:var(--elevate1)}.q-chip.q-chip--filter.q-chip--selected:not(.q-chip--elevated):is(:focus-within,:active):not([aria-disabled]){box-shadow:var(--elevate0)}.q-chip.q-chip--input:has(.q-chip__avatar){border-radius:16px}.q-chip.q-chip--input :is(.q-chip__leading-icon,.q-chip__trailing-icon){color:var(--on-surface-variant)}.q-chip.q-chip--input:is(:hover,:focus-within,:active):not([aria-disabled]) .q-chip__leading-icon{color:var(--primary)}.q-chip:has(.q-chip__trailing-icon){min-width:88px}.q-chip__touch-target{position:absolute;top:50%;left:50%;width:100%;min-width:48px;height:48px;transform:translate(-50%,-50%)}.q-chip__label{min-width:0;overflow-wrap:break-word;white-space:normal}.q-chip__edit{min-width:1ch;max-width:100%;padding:0;border:0;background:transparent;color:inherit;outline:0;font:inherit}.q-chip .q-chip__leading-icon{color:var(--primary)}.q-chip .q-chip__trailing-icon{color:var(--on-surface-variant)}.q-chip:has(>.q-chip__primary){padding:0;gap:0}.q-chip__primary,.q-chip__trailing-action{display:inline-flex;align-items:center;align-self:stretch;padding:0;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:inherit}.q-chip__primary{justify-content:start;min-width:0;gap:8px;padding-block:var(--chip-padding-block);padding-inline-start:16px;outline:none}.q-chip__trailing-action{flex-shrink:0;margin-inline-start:8px;padding-inline-end:8px}.q-chip__trailing-action:after{content:"";position:absolute;top:50%;inset-inline-start:-8px;width:48px;height:48px;transform:translateY(-50%)}.q-chip__trailing-action:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.q-chip :is(.q-icon.q-chip__leading-icon,.q-avatar.q-chip__avatar){margin-inline-start:-8px}.q-chip>.q-icon.q-chip__trailing-icon{margin-inline-end:-8px}.q-chip.q-chip--input .q-avatar.q-chip__avatar{--size: 24px;margin-inline-start:-12px}}@layer q-chip--disabled{.q-chip[aria-disabled]{cursor:not-allowed;box-shadow:none;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,var(--on-surface) 38%,transparent);background-color:transparent;transition:none;--chip-outline-color: color-mix(in srgb, var(--on-surface) 12%, transparent);--state-layer-opacity: 0%}.q-chip[aria-disabled]:is(.q-chip--elevated,.q-chip--selected){background-color:color-mix(in srgb,var(--on-surface) 12%,transparent)}.q-chip[aria-disabled] .q-icon{color:color-mix(in srgb,var(--on-surface) 38%,transparent)}.q-chip[aria-disabled] .q-avatar{opacity:.38}}}