@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{@property --q-field-label-resting{syntax: "<number>"; inherits: false; initial-value: 1;}.q-field{display:flex;min-width:0;max-width:100%}.q-field__inner{display:flex;flex-direction:column;flex-grow:1;min-width:0;max-width:100%}.q-field__wrapper{--decorator-color: var(--outline);display:flex;position:relative;min-height:56px;min-width:0;max-width:100%;border-radius:0}.q-field--dense .q-field__wrapper{min-height:40px}.q-field--default .q-field__wrapper,.q-field--filled .q-field__wrapper{box-shadow:inset 0 -1px 0 var(--decorator-color)}.q-field--focus.q-field--default .q-field__wrapper,.q-field--focus.q-field--filled .q-field__wrapper{box-shadow:inset 0 -3px 0 var(--decorator-color)}.q-field--has-border .q-field__wrapper{border:1px solid var(--decorator-color)}.q-field--focus.q-field--has-border .q-field__wrapper{box-shadow:inset 2px 0 0 var(--decorator-color),inset -2px 0 0 var(--decorator-color),inset 0 2px 0 0 var(--decorator-color),inset 0 -2px 0 0 var(--decorator-color)}.q-field--rounded .q-field__wrapper{border-radius:28px}.q-field--rounded.q-field--dense .q-field__wrapper{border-radius:20px}.q-field--outlined .q-field__wrapper{border-radius:4px}.q-field--filled .q-field__wrapper{background-color:var(--surface-container-highest)}.q-field--filled:not(.q-field--rounded) .q-field__wrapper{border-top-left-radius:4px;border-top-right-radius:4px}.q-field--label.q-field--active.q-field--has-border .q-field__wrapper{border-top-color:transparent;box-shadow:none}.q-field--label.q-field--focus.q-field--outlined .q-field__wrapper{box-shadow:inset 2px 0 0 var(--decorator-color),inset -2px 0 0 var(--decorator-color),inset 0 -2px 0 0 var(--decorator-color)}.q-field--label.q-field--active.q-field--rounded .q-field__wrapper{border-inline-color:transparent}.q-field--label.q-field--active.q-field--rounded .q-field__wrapper:before,.q-field--label.q-field--active.q-field--rounded .q-field__wrapper:after{content:"";pointer-events:none;position:absolute;bottom:-1px;width:28px;border:1px solid transparent;border-top-color:var(--decorator-color);border-radius:inherit;box-sizing:border-box}.q-field--label.q-field--active.q-field--rounded .q-field__wrapper:before{top:-1px;left:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0;border-left-color:var(--decorator-color);border-bottom-color:var(--decorator-color)}.q-field--label.q-field--active.q-field--rounded .q-field__wrapper:after{top:-1px;right:-1px;border-top-left-radius:0;border-bottom-left-radius:0;box-sizing:content-box;border-left-width:0;border-right-color:var(--decorator-color);border-bottom-color:var(--decorator-color)}.q-field--label.q-field--active.q-field--rounded .q-field__wrapper:dir(rtl):before{right:-1px;left:auto;transform:scaleX(-1)}.q-field--label.q-field--active.q-field--rounded .q-field__wrapper:dir(rtl):after{right:auto;left:-1px;transform:scaleX(-1)}.q-field--label.q-field--active.q-field--outlined .q-field__wrapper:before,.q-field--label.q-field--active.q-field--outlined .q-field__wrapper:after{content:"";pointer-events:none;position:absolute;bottom:-1px;width:28px;border:1px solid transparent;border-top-color:var(--decorator-color);border-radius:inherit;box-sizing:border-box}.q-field--label.q-field--active.q-field--outlined .q-field__wrapper:before{top:-1px;left:-1px;border-top-right-radius:0;border-bottom-right-radius:0;clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 4px,12px 4px,12px 0%)}.q-field--label.q-field--active.q-field--outlined .q-field__wrapper:after{top:-1px;right:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.q-field--label.q-field--active.q-field--outlined .q-field__wrapper:dir(rtl):before{right:-1px;left:auto;transform:scaleX(-1)}.q-field--label.q-field--active.q-field--outlined .q-field__wrapper:dir(rtl):after{right:auto;left:-1px;transform:scaleX(-1)}.q-field__input,.q-field__label-text{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-field--active .q-field__label-text,.q-field__hint,.q-field__error{font-family:var(--typescale-body-small-font-family-name);font-style:var(--typescale-body-small-font-family-style);font-weight:var(--typescale-body-small-font-weight);font-size:var(--typescale-body-small-font-size);line-height:var(--typescale-body-small-line-height);letter-spacing:var(--typescale-body-small-letter-spacing)}.q-field__label{display:none}.q-field--label .q-field__label{align-items:center;display:flex;min-width:0;color:var(--decorator-color);pointer-events:none;line-height:var(--typescale-body-large-line-height);transition:color .2s ease 0s,line-height .2s ease 0s,--q-field-label-resting .2s ease 0s,margin-inline-start .2s ease 0s,margin-inline-end .2s ease 0s}.q-field--active .q-field__label{line-height:var(--typescale-body-small-line-height)}.q-field__label-text{transition:transform .2s ease 0s,font-size .2s ease 0s,line-height .2s ease 0s,letter-spacing .2s ease 0s}.q-field--label.q-field--outlined.q-field--focus .q-field__wrapper:before,.q-field--label.q-field--outlined.q-field--focus .q-field__wrapper:after{box-shadow:inset 0 2px 0 var(--decorator-color)}.q-field--label.q-field--active.q-field--focus.q-field--rounded .q-field__wrapper{box-shadow:inset 0 -2px 0 var(--decorator-color)}.q-field--label.q-field--active.q-field--focus.q-field--rounded .q-field__wrapper:before{box-shadow:inset 2px 0 0 var(--decorator-color),inset 0 2px 0 var(--decorator-color),inset 0 -2px 0 var(--decorator-color)}.q-field--label.q-field--active.q-field--focus.q-field--rounded .q-field__wrapper:after{box-shadow:inset -2px 0 0 var(--decorator-color),inset 0 2px 0 var(--decorator-color),inset 0 -2px 0 var(--decorator-color)}.q-field--active.q-field--has-border .q-field__label:after{align-self:flex-start;content:"";margin-inline-start:4px;flex-grow:1;border-top:1px solid var(--decorator-color);min-width:10px;transition:border-color .2s ease 0s;transform:translateY(-1px)}.q-field--active.q-field--has-border .q-field__label-text{transform:translateY(-1px)}.q-field--active.q-field--has-border.q-field--dense .q-field__wrapper:before,.q-field--active.q-field--has-border.q-field--dense .q-field__wrapper:after{width:20px}.q-field--focus .q-field__wrapper{--decorator-color: var(--primary)}.q-field--focus.q-field--has-border .q-field__label:after{border-top-width:3px}.q-field__input{padding:0;background:none;border:none;border-radius:0;outline:none;appearance:none;color:var(--on-surface);flex-grow:1;min-width:0}.q-field__input::placeholder{color:var(--on-surface-variant)}.q-field__input::-webkit-datetime-edit-fields-wrapper{padding-block:0}.q-field--default .q-field__input,.q-field--filled .q-field__input{padding:16px}.q-field--label.q-field--default .q-field__input,.q-field--label.q-field--filled .q-field__input{padding-block-end:8px}.q-field--rounded .q-field__input{padding:15px 23px}.q-field--outlined .q-field__input{padding:15px}.q-field--dense.q-field--default .q-field__input,.q-field--dense.q-field--filled .q-field__input{padding-block:8px}.q-field--dense.q-field--label.q-field--default .q-field__input,.q-field--dense.q-field--label.q-field--filled .q-field__input{padding-block-end:2px}.q-field--dense.q-field--outlined .q-field__input{padding-block:7px}.q-field--dense.q-field--rounded .q-field__input{padding:7px 23px}.q-field--label .q-field__wrapper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:min-content auto}.q-field--label:not(.q-field--has-border) .q-field__wrapper:before{content:"";grid-area:1/2;height:calc(var(--typescale-body-small-line-height) + 8px);pointer-events:none}.q-field--label .q-field__input{grid-area:2/2}.q-field--label:not(.q-field--has-border) .q-field__input{padding-block-start:0}.q-field--label:not(.q-field--has-border) .q-field__label{grid-area:1/2;padding:8px 16px 0;margin-block-end:calc(var(--typescale-body-small-line-height) - 1lh)}.q-field--label:not(.q-field--active):not(.q-field--has-border) .q-field__label-text{transform:translateY(calc(var(--typescale-body-small-line-height) / 2))}.q-field--label:not(.q-field--has-border) .q-field__snippet-prepend{grid-area:1/1/3/2}.q-field--label:not(.q-field--has-border) .q-field__snippet-append{grid-area:1/3/3/4}.q-field--label.q-field--has-border .q-field__snippet-prepend{grid-area:2/1}.q-field--label.q-field--has-border .q-field__snippet-append{grid-area:2/3}.q-field--label.q-field--has-border:not(.q-field--active) .q-field__input,.q-field--label.q-field--has-border:not(.q-field--active) .q-field__snippet-prepend,.q-field--label.q-field--has-border:not(.q-field--active) .q-field__snippet-append{grid-row:1/3}.q-field--label.q-field--dense:not(.q-field--has-border) .q-field__wrapper:before{height:calc(var(--typescale-body-small-line-height) - 2px)}.q-field--label.q-field--dense:not(.q-field--has-border) .q-field__label{padding-block-start:4px;margin-block-end:calc(var(--typescale-body-small-line-height) - 1lh - 6px)}.q-field--label.q-field--dense:not(.q-field--active):not(.q-field--has-border) .q-field__label-text{transform:translateY(calc(var(--typescale-body-small-line-height) / 2 - 4px))}.q-field--label.q-field--has-border .q-field__label{grid-area:1/1/2/3;margin-block:-.5lh;margin-inline:15px}.q-field--label.q-field--rounded .q-field__label{margin-inline:23px}.q-field--label.q-field--has-border.q-field--snippet-append:not(.q-field--active) .q-field__label{margin-inline-end:16px}.q-field--label.q-field--has-border.q-field--snippet-prepend .q-field__label{grid-column-start:2;margin-inline-start:16px}@container not style(--snippet-prepend-width: 0px){.q-field--label.q-field--has-border.q-field--snippet-prepend .q-field__label{padding-inline-start:calc(var(--snippet-prepend-width) * var(--q-field-label-resting));grid-column-start:1}}.q-field--label.q-field--has-border:not(.q-field--active) .q-field__label{margin-block-end:calc(.5lh + 30px)}.q-field--label.q-field--has-border.q-field--dense:not(.q-field--active) .q-field__label{margin-block-end:calc(.5lh + 14px)}.q-field--label.q-field--has-border:not(.q-field--active) .q-field__label-text{transform:translateY(calc(var(--typescale-body-large-line-height) / 2 + 15px))}.q-field--label.q-field--has-border.q-field--dense:not(.q-field--active) .q-field__label-text{transform:translateY(calc(var(--typescale-body-large-line-height) / 2 + 7px))}.q-field--label.q-field--active.q-field--has-border .q-field__label{--q-field-label-resting: 0;grid-column:1/4}.q-field--label.q-field--active.q-field--has-border .q-field__label:after{margin-block-start:.5lh}.q-field--label.q-field--active.q-field--outlined .q-field__label{margin-inline:15px 22px}.q-field--label.q-field--active.q-field--outlined.q-field--dense .q-field__label{margin-inline-end:18px}.q-field--label.q-field--active.q-field--rounded .q-field__label{margin-inline:31px 27px}.q-field--label.q-field--active.q-field--rounded.q-field--dense .q-field__label{margin-inline:23px 19px}.q-field--snippet-prepend .q-field__input{padding-inline-start:16px!important}.q-field--snippet-append .q-field__input{padding-inline-end:16px!important}.q-field__hint,.q-field__error{text-align:start;padding:4px 16px 0}.q-field--error .q-field__label,.q-field__error{color:var(--error)}.q-field--error .q-field__wrapper{--decorator-color: var(--error)}.q-field__snippet-prepend,.q-field__snippet-append,.q-field__snippet-before,.q-field__snippet-after{display:flex;align-items:center}.q-field__snippet-prepend{padding-inline-start:12px}.q-field--has-border .q-field__snippet-prepend{padding-inline-start:11px}.q-field--rounded .q-field__snippet-prepend{padding-inline-start:15px}.q-field__snippet-append{padding-inline-end:12px}.q-field--has-border .q-field__snippet-append{padding-inline-end:11px}.q-field--rounded .q-field__snippet-append{padding-inline-end:15px}.q-field__snippet-before{padding-inline-end:12px}.q-field__snippet-after{padding-inline-start:12px}@media(prefers-reduced-motion:reduce){.q-field--label .q-field__label,.q-field__label-text{transition:none}}.q-field--disabled{opacity:.5}.q-field--disabled,.q-field--disabled *{cursor:not-allowed}}