@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{.q-btn-group{--q-btn-group-gap: 0px;display:inline-flex;width:fit-content;max-width:100%;align-items:center;flex-wrap:nowrap;vertical-align:middle;gap:var(--q-btn-group-gap, 0px)}.q-btn-group>.q-btn{flex:0 1 auto}.q-btn-group--spread{display:flex;width:100%}.q-btn-group--spread>.q-btn{flex:1 1 0}.q-btn-group--expressive{--q-btn-group-gap: 8px;--q-btn-group-corner: 8px;--q-btn-group-pressed-corner: 4px}.q-btn-group--expressive.q-btn-group--xs{--q-btn-group-gap: 18px;--q-btn-group-corner: 4px}.q-btn-group--expressive.q-btn-group--sm{--q-btn-group-gap: 12px}.q-btn-group--expressive.q-btn-group--lg{--q-btn-group-corner: 16px;--q-btn-group-pressed-corner: 12px}.q-btn-group--expressive.q-btn-group--xl{--q-btn-group-corner: 20px;--q-btn-group-pressed-corner: 16px}.q-btn-group--expressive>.q-btn[data-q-btn-group-resizing]{width:var(--q-btn-group-width);min-width:0;flex:none;transition-property:width,--q-btn-inverse-radius;transition-duration:.35s;transition-timing-function:cubic-bezier(.42,1.67,.21,.9)}.q-btn-group--expressive>.q-btn[data-q-btn-group-resizing]>.q-btn__label{flex:0 0 var(--q-btn-group-label-width, auto)}.q-btn-group--expressive.q-btn-group--connected{align-items:stretch;--q-btn-group-gap: 2px}.q-btn-group--expressive.q-btn-group--connected>.q-btn{height:auto;min-height:var(--q-btn-height, 40px);min-width:48px;transition-property:color,background-color,border-radius,width;border-radius:var(--q-btn-group-inner-corner);--q-btn-group-inner-corner: var(--q-btn-group-corner);--q-btn-group-full-corner: calc(var(--q-btn-height, 40px) / 2);--q-btn-group-rounded-corner: min( var(--q-btn-group-full-corner), calc(100% - var(--q-btn-group-inner-corner)) );--q-btn-group-outer-corner: var(--q-btn-group-rounded-corner)}.q-btn-group--expressive.q-btn-group--connected>.q-btn[aria-pressed=true]{--q-btn-group-inner-corner: var(--q-btn-group-full-corner);--q-btn-group-outer-corner: var(--q-btn-group-full-corner)}.q-btn-group--expressive.q-btn-group--connected>.q-btn:active:not([aria-disabled]){--q-btn-group-inner-corner: var(--q-btn-group-pressed-corner);--q-btn-group-outer-corner: var(--q-btn-group-rounded-corner)}.q-btn-group--expressive.q-btn-group--connected>.q-btn:first-child{border-start-start-radius:var(--q-btn-group-outer-corner);border-end-start-radius:var(--q-btn-group-outer-corner)}.q-btn-group--expressive.q-btn-group--connected>.q-btn:last-child{border-start-end-radius:var(--q-btn-group-outer-corner);border-end-end-radius:var(--q-btn-group-outer-corner)}.q-btn-group--expressive.q-btn-group--connected.q-btn-group--squared>.q-btn:not([aria-pressed=true]),.q-btn-group--expressive.q-btn-group--connected.q-btn-group--squared>.q-btn:active:not([aria-disabled]){--q-btn-group-outer-corner: var(--q-btn-group-corner)}.q-btn-group:not(.q-btn-group--expressive){display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch}.q-btn-group:not(.q-btn-group--expressive)>.q-btn{--q-btn-border-width: 1px;width:auto;height:auto;min-height:var(--q-btn-height, 40px);min-width:48px;padding-inline:12px;gap:8px;border:1px solid var(--outline);border-radius:0;box-shadow:none;background:transparent}.q-btn-group:not(.q-btn-group--expressive)>.q-btn:first-child{border-start-start-radius:9999px;border-end-start-radius:9999px}.q-btn-group:not(.q-btn-group--expressive)>.q-btn:last-child{border-start-end-radius:9999px;border-end-end-radius:9999px}.q-btn-group:not(.q-btn-group--expressive)>.q-btn+.q-btn{border-inline-start:0}.q-btn-group:not(.q-btn-group--expressive)>.q-btn:not([aria-disabled]){--ripple-color: var(--on-surface)}.q-btn-group:not(.q-btn-group--expressive)>.q-btn:not([aria-disabled])[aria-pressed=true]{background-color:var(--secondary-container);--ripple-color: var(--on-secondary-container)}.q-btn-group:not(.q-btn-group--expressive)>.q-btn[aria-disabled]{border-color:color-mix(in srgb,var(--on-surface) 12%,transparent)}.q-btn-group:not(.q-btn-group--expressive)>.q-btn[aria-disabled]:has(+.q-btn:not([aria-disabled])){border-inline-end-color:var(--outline)}@media(prefers-reduced-motion:reduce){.q-btn-group>.q-btn{transition:none}}}