@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-nav-item{position:relative;isolation:isolate;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;flex:1 1 0;min-width:0;min-height:64px;padding:6px 0;overflow:visible;border:0;border-radius:0;outline:0;background:transparent;color:var(--on-surface-variant);--q-nav-item-state-layer-color: var(--on-secondary-container);--ripple-color: var(--q-nav-item-state-layer-color);font:inherit;text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.q-nav-item__target{position:relative;display:grid;grid-template-rows:32px minmax(16px,auto);place-items:center;justify-self:stretch;gap:4px;min-height:52px}.q-nav-item__target:before,.q-nav-item__target:after{content:"";position:absolute;inset:0 auto auto 50%;width:56px;height:32px;border-radius:32px;translate:-50%;pointer-events:none}.q-nav-item__target:before{z-index:4;outline-offset:-3px}.q-nav-item__target:after{z-index:1;background-color:var(--q-nav-item-state-layer-color);opacity:0}.q-nav-item__indicator{z-index:0;position:absolute;inset:0 auto auto 50%;width:56px;height:32px;border-radius:32px;background-color:var(--q-nav-item-active-indicator-color, var(--secondary-container));opacity:0;transform:scaleX(0);translate:-50%;transition:.2s cubic-bezier(.2,0,0,1);transition-property:transform,opacity;pointer-events:none}.q-nav-item__icon{z-index:2;position:relative;display:inline-flex;grid-row:1;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px;line-height:1}.q-nav-item__icon>.q-icon{transition:font-variation-settings .2s cubic-bezier(.2,0,0,1)}.q-nav-item__label{z-index:2;grid-row:2;min-width:0;overflow-wrap:anywhere;white-space:normal;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-nav-item__badge{z-index:3}.q-nav-item__target>.q-ripple__effect{z-index:1;inset:0 auto auto 50%;width:56px;height:32px;border-radius:32px;translate:-50%}.q-nav-item:hover:not([aria-disabled=true]) .q-nav-item__target:after{opacity:.08}.q-nav-item:focus-visible:not([aria-disabled=true]) .q-nav-item__target:after,.q-nav-item--no-ripple:active:not([aria-disabled=true]) .q-nav-item__target:after{opacity:.1}.q-nav-item:focus-visible:not([aria-disabled=true]) .q-nav-item__target:before{outline:3px solid var(--secondary)}.q-nav-item.q-nav-item--active{color:var(--secondary)}.q-nav-item.q-nav-item--active .q-nav-item__indicator{opacity:1;transform:scaleX(1)}.q-nav-item.q-nav-item--active .q-nav-item__icon{color:var(--on-secondary-container)}.q-nav-item[aria-disabled=true]{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}.q-nav-item[aria-disabled=true] .q-nav-item__icon{color:inherit}.q-navbar--horizontal>.q-nav-item{flex:0 1 auto;min-width:80px;padding-block:12px}.q-navbar--horizontal>.q-nav-item>.q-nav-item__target{display:flex;justify-self:center;min-height:40px;padding-inline:16px}.q-navbar--horizontal>.q-nav-item>.q-nav-item__target:before,.q-navbar--horizontal>.q-nav-item>.q-nav-item__target:after,.q-navbar--horizontal>.q-nav-item .q-nav-item__indicator,.q-navbar--horizontal>.q-nav-item>.q-nav-item__target>.q-ripple__effect{inset:0;width:auto;height:auto;border-radius:9999px;translate:none}.q-navbar--horizontal>.q-nav-item .q-nav-item__badge{inset-inline:auto -4px}.q-navbar--horizontal>.q-nav-item .q-nav-item__badge:empty{inset-inline-end:0}.q-navbar--horizontal:has(>.q-nav-item:nth-child(3):last-child)>.q-nav-item{min-width:20%;max-width:33.3333333333%}.q-navbar--horizontal:has(>.q-nav-item:nth-child(4):last-child)>.q-nav-item{min-width:17.5%;max-width:25%}.q-navbar--horizontal:has(>.q-nav-item:nth-child(5):last-child)>.q-nav-item{min-width:16%;max-width:20%}.q-railbar__items>.q-nav-item:not(.q-nav-item--expanded){flex:0 0 auto;width:100%;min-height:56px;padding-block:2px}.q-nav-item--drawer,.q-nav-item--expanded{--q-nav-item-state-layer-color: var(--on-surface);flex:0 0 auto;width:100%;min-height:56px;padding:0;border-radius:28px;text-align:start;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-nav-item--drawer.q-nav-item--dense,.q-nav-item--expanded.q-nav-item--dense{min-height:44px;border-radius:22px}.q-nav-item--drawer>.q-nav-item__target,.q-nav-item--expanded>.q-nav-item__target{display:flex;align-items:center;gap:12px;min-height:inherit;padding:16px;border-radius:inherit}.q-nav-item--drawer.q-nav-item--dense>.q-nav-item__target,.q-nav-item--expanded.q-nav-item--dense>.q-nav-item__target{padding-block:10px}.q-nav-item--drawer .q-nav-item__target:before,.q-nav-item--drawer .q-nav-item__target:after,.q-nav-item--drawer .q-nav-item__indicator,.q-nav-item--drawer .q-nav-item__target>.q-ripple__effect,.q-nav-item--expanded .q-nav-item__target:before,.q-nav-item--expanded .q-nav-item__target:after,.q-nav-item--expanded .q-nav-item__indicator,.q-nav-item--expanded .q-nav-item__target>.q-ripple__effect{inset:0;width:auto;height:auto;translate:none;border-radius:inherit}.q-nav-item--drawer .q-nav-item__icon,.q-nav-item--expanded .q-nav-item__icon{flex:none}.q-nav-item--drawer .q-nav-item__label,.q-nav-item--expanded .q-nav-item__label{flex:1;font:inherit;letter-spacing:inherit}.q-nav-item--drawer.q-nav-item--active:not([aria-disabled=true]),.q-nav-item--expanded.q-nav-item--active:not([aria-disabled=true]){--q-nav-item-state-layer-color: var(--on-secondary-container);color:var(--on-secondary-container);font-weight:700}.q-nav-item--drawer[aria-disabled=true] .q-nav-item__indicator,.q-nav-item--expanded[aria-disabled=true] .q-nav-item__indicator{opacity:0}.q-nav-item--expanded{border-radius:9999px}@media(prefers-reduced-motion:reduce){.q-nav-item__indicator,.q-nav-item__icon>.q-icon{transition:none}}}