@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-header{z-index:4;position:relative;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;gap:0;min-height:unset;height:var(--header-height, 64px);width:100%;padding-inline:4px;border-radius:0;background-color:var(--surface);transition:background-color .3s,box-shadow .3s,translate .3s,left .3s,right .3s}@media(prefers-reduced-motion:reduce){.q-header{transition:none}}.q-header>.q-btn--round{width:48px;min-width:48px;height:48px}.q-header:not(.q-header--flexible):has(>.q-header-title--subtitle){height:var(--header-height, auto);min-height:var(--header-height, 64px)}.q-header:not(.q-header--flexible):has(>.q-header-title--subtitle)>.q-header-title{margin-block:8px;white-space:normal}.q-header--flexible{color:var(--on-surface);height:auto;min-height:64px}.q-header--flexible>.q-btn--flat:first-child:has(+.q-header-title):not(.q-btn--selected):not(:has(>.q-btn__label)){--ripple-color: var(--on-surface)}.q-header--flexible>:not(.q-header-title){flex-shrink:0;margin-block:8px}.q-header--flexible>.q-header-title{margin-block:8px;white-space:normal;overflow-wrap:anywhere}.q-header--flexible>.q-header-title:not(.q-header-title--align-center){align-items:flex-start;justify-content:flex-start;text-align:start}.q-header--flexible:not(.q-header--compact){flex-wrap:wrap;align-content:space-between;min-height:var(--header-height, var(--q-header-expanded-height))}.q-header--flexible:not(.q-header--compact):not(:has(>:not(.q-header-title))){align-content:flex-end}.q-header--flexible:not(.q-header--compact):has(>:not(.q-header-title)):before{content:"";flex:0 0 0;height:64px}.q-header--flexible:not(.q-header--compact)>.q-header-title{order:1;flex:0 0 calc(100% - 24px);margin:0 12px;padding:0 0 12px}.q-header--flexible:not(.q-header--compact)>.q-header-title+*{margin-inline-start:auto}.q-header--flexible:not(.q-header--compact).q-header--medium{--q-header-expanded-height: 112px}.q-header--flexible:not(.q-header--compact).q-header--medium:has(>.q-header-title--subtitle){--q-header-expanded-height: 136px}.q-header--flexible:not(.q-header--compact).q-header--medium>.q-header-title{gap:4px;font-family:var(--typescale-headline-medium-font-family-name);font-style:var(--typescale-headline-medium-font-family-style);font-weight:var(--typescale-headline-medium-font-weight);font-size:var(--typescale-headline-medium-font-size);line-height:var(--typescale-headline-medium-line-height);letter-spacing:var(--typescale-headline-medium-letter-spacing)}.q-header--flexible:not(.q-header--compact).q-header--medium .q-header-title__subtitle{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-header--flexible:not(.q-header--compact).q-header--large{--q-header-expanded-height: 120px}.q-header--flexible:not(.q-header--compact).q-header--large:has(>.q-header-title--subtitle){--q-header-expanded-height: 152px}.q-header--flexible:not(.q-header--compact).q-header--large>.q-header-title{gap:8px;font-family:var(--typescale-display-small-font-family-name);font-style:var(--typescale-display-small-font-family-style);font-weight:var(--typescale-display-small-font-weight);font-size:var(--typescale-display-small-font-size);line-height:var(--typescale-display-small-line-height);letter-spacing:var(--typescale-display-small-letter-spacing)}.q-header--flexible:not(.q-header--compact).q-header--large .q-header-title__subtitle{font-family:var(--typescale-title-medium-font-family-name);font-style:var(--typescale-title-medium-font-family-style);font-weight:var(--typescale-title-medium-font-weight);font-size:var(--typescale-title-medium-font-size);line-height:var(--typescale-title-medium-line-height);letter-spacing:var(--typescale-title-medium-letter-spacing)}.q-header--layout{position:absolute;inset:0 0 auto;width:auto}.q-header--inset{padding-inline-start:58px}.q-header.q-header--elevated{box-shadow:0 2px 2px color-mix(in srgb,var(--shadow) 32%,transparent)}.q-header--compact>.q-header-title{padding-inline:4px}.q-header.q-header--scrolled{background-color:var(--surface-container);box-shadow:0 4px 4px color-mix(in srgb,var(--shadow) 40%,transparent)}.q-header.q-header--bordered{border-color:var(--outline-variant)}.q-header.q-header--bordered:after{border-bottom:1px solid var(--outline-variant);content:"";position:absolute;inset:auto 0 0;border-color:inherit;pointer-events:none}.q-header.q-header--dense{--header-height: 48px}.q-header.q-header--prominent{--header-height: 112px}.q-header.q-header--collapsed{translate:0 -100%;box-shadow:none}.q-header.q-header--offset-left{left:calc(var(--offset-left, 0px) - var(--left-railbar-width, 0px));margin-left:var(--left-railbar-width, 0px)}.q-header.q-header--offset-right{right:calc(var(--offset-right, 0px) - var(--right-railbar-width, 0px));margin-right:var(--right-railbar-width, 0px)}.q-header-title{display:flex;flex:1 1 auto;min-width:0;padding-inline:8px;justify-content:center;font-family:var(--typescale-title-large-font-family-name);font-style:var(--typescale-title-large-font-family-style);font-weight:var(--typescale-title-large-font-weight);font-size:var(--typescale-title-large-font-size);line-height:var(--typescale-title-large-line-height);letter-spacing:var(--typescale-title-large-letter-spacing)}.q-header-title--subtitle{flex-direction:column;align-items:center;text-align:center}.q-header-title--align-start{align-items:flex-start;justify-content:flex-start;text-align:start}.q-header-title--align-center{align-items:center;justify-content:center;text-align:center}.q-header-title__text,.q-header-title__subtitle{max-width:100%;overflow-wrap:anywhere;border-radius:0}.q-header-title__subtitle{color:var(--on-surface-variant);font-family:var(--typescale-label-medium-font-family-name);font-style:var(--typescale-label-medium-font-family-style);font-weight:var(--typescale-label-medium-font-weight);font-size:var(--typescale-label-medium-font-size);line-height:var(--typescale-label-medium-line-height);letter-spacing:var(--typescale-label-medium-letter-spacing)}.q-header-title--shrink{flex:0 1 auto}}