@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-date .q-field__wrapper,.q-date .q-field__input{cursor:pointer}.q-date .q-field__input{caret-color:transparent}.q-date .q-field__snippet-append{gap:8px}.q-date__field-icon{color:var(--on-surface-variant)}.q-date__trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.q-date__trigger-button{color:var(--on-surface-variant)}.q-date__dialog.q-date__dialog.q-dialog:not(.q-dialog--fullscreen){width:min(360px,100dvw);height:fit-content;min-width:0;min-height:0;max-width:360px;max-height:calc(100dvh - 48px);padding:0;overflow:auto;border-radius:28px;background-color:var(--surface-container-high);color:var(--on-surface);box-shadow:var(--elevate3)}.q-date__dialog.q-date__dialog.q-dialog:not(.q-dialog--fullscreen):has(.q-date__input-mode){width:min(328px,100dvw);max-width:328px}.q-date__dialog.q-date__dialog.q-dialog.q-dialog--fullscreen{inset:0;width:100dvw;height:100dvh;max-width:none;max-height:none;overflow:hidden;background-color:var(--surface-container-high);color:var(--on-surface)}.q-date__docked.q-date__docked.q-menu{width:min(360px,100dvw - 16px);max-width:360px;max-height:calc(100dvh - 16px);margin-block-start:8px;overflow:auto;overscroll-behavior:contain;border-radius:16px;background-color:var(--surface-container-high);color:var(--on-surface);box-shadow:var(--elevate3)}.q-date__picker{display:flex;flex-direction:column;width:100%;min-height:0;border-radius:0}.q-date__picker--motion-ready{transition:min-height .3s cubic-bezier(.2,0,0,1)}.q-date__picker--selection .q-date__docked-body{padding-block-end:20px}.q-date__picker:not(.q-date__picker--fullscreen){min-height:572px}.q-date__picker--input:not(.q-date__picker--fullscreen){min-height:304px}.q-date__picker--auto:not(.q-date__picker--fullscreen){min-height:524px}.q-date__picker--input.q-date__picker--auto:not(.q-date__picker--fullscreen){min-height:244px}.q-date__picker--docked:not(.q-date__picker--fullscreen){min-height:460px}.q-date__picker--docked.q-date__picker--auto:not(.q-date__picker--fullscreen){min-height:412px}.q-date__picker--docked.q-date__picker--selection:not(.q-date__picker--fullscreen){min-height:428px}.q-date__app-bar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:calc(64px + env(safe-area-inset-top));padding-block-start:env(safe-area-inset-top);padding-inline:max(8px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.q-date__save{color:var(--primary)}.q-date__close{color:var(--on-surface-variant)}.q-date__header{display:flex;flex:0 0 auto;flex-direction:column;justify-content:space-between;position:relative;min-height:120px;padding-block:16px 12px;padding-inline:24px 64px;border-block-end:1px solid var(--outline-variant);color:var(--on-surface-variant)}.q-date__title{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-date__headline{font-family:var(--typescale-headline-large-font-family-name);font-style:var(--typescale-headline-large-font-family-style);font-weight:var(--typescale-headline-large-font-weight);font-size:var(--typescale-headline-large-font-size);line-height:var(--typescale-headline-large-line-height);letter-spacing:var(--typescale-headline-large-letter-spacing);overflow-wrap:anywhere}.q-date__picker--range .q-date__headline{font-family:var(--typescale-headline-small-font-family-name);font-style:var(--typescale-headline-small-font-family-style);font-weight:var(--typescale-headline-small-font-weight);font-size:var(--typescale-headline-small-font-size);line-height:var(--typescale-headline-small-line-height);letter-spacing:var(--typescale-headline-small-letter-spacing)}.q-date__mode-toggle{position:absolute;inset-inline-end:12px;bottom:12px;color:var(--on-surface-variant)}.q-date__content{display:grid;flex:1 0 auto;min-height:0;overflow-x:clip;overscroll-behavior:contain}.q-date__mode-page{display:flex;grid-area:1/1;flex-direction:column;width:100%;min-width:0;min-height:0;background-color:var(--surface-container-high)}.q-date__month-navigation{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;z-index:2;min-height:56px;padding-inline:12px;background-color:var(--surface-container-high)}.q-date__month-year{min-width:0;color:var(--on-surface-variant)}.q-date__month-year .q-btn__label{display:flex;align-items:center;gap:4px;flex-wrap:wrap;white-space:normal}.q-date__dropdown-icon{flex:0 0 auto}.q-date__dropdown-icon--expanded{transform:rotate(180deg)}.q-date__month-actions{display:flex;align-items:center;gap:4px}.q-date__month-actions .q-btn,.q-date__navigation-arrow{color:var(--on-surface-variant)}.q-date__navigation-arrow .q-icon{--size: 24px !important}.q-date__navigation-arrow:dir(rtl) .q-icon{transform:scaleX(-1)}.q-date__docked-navigation{display:grid;flex:0 0 auto;grid-template-columns:48px minmax(0,72px) 48px 48px minmax(0,72px) 48px;align-items:center;min-height:64px;padding-inline:12px}.q-date__docked-navigation>.q-btn{justify-self:center}.q-date__docked-navigation--selection{grid-template-columns:repeat(2,minmax(0,1fr));border-block-end:1px solid var(--outline-variant)}.q-date__month-select,.q-date__year-select{width:100%;min-width:0;padding-inline:0;color:var(--on-surface-variant)}.q-date__month-select .q-btn__label,.q-date__year-select .q-btn__label{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;gap:2px;flex-wrap:wrap}.q-date__month-select .q-btn__label>span,.q-date__year-select .q-btn__label>span{overflow-wrap:anywhere;white-space:normal}.q-date__selector--active{color:var(--primary)}.q-date__docked-body{display:flex;flex:1 0 auto;flex-direction:column;min-height:0;background-color:var(--surface-container-high)}.q-date__modal-calendar-body{display:grid;flex:1 0 auto;min-height:336px}.q-date__calendar-viewport{display:grid;grid-area:1/1;width:100%;min-height:336px;overflow:hidden;touch-action:pan-y}.q-date__calendar-page{grid-area:1/1;width:100%;min-width:0;min-height:0;background-color:var(--surface-container-high)}.q-date__month-viewport{display:grid;overflow:hidden}.q-date__calendar{position:relative;width:100%;min-height:0;padding-inline:12px}.q-date__month-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.q-date__weekdays,.q-date__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.q-date__weekdays{min-height:48px;background-color:var(--surface-container-high)}.q-date__weekday{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);display:flex;align-items:center;justify-content:center;color:var(--on-surface)}.q-date__week{min-height:48px}.q-date__day{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-date-container-color: transparent;--q-date-state-layer-color: var(--on-surface-variant);--q-date-state-layer-opacity: 0%;isolation:isolate}.q-date__day:before,.q-date__day:after{content:"";position:absolute;width:40px;height:40px;border-radius:50%}.q-date__day:before{z-index:-2;border:1px solid transparent;background-color:var(--q-date-container-color);transition:background-color .2s linear,border-color .2s linear}.q-date__day:after{z-index:-1;background-color:var(--q-date-state-layer-color);opacity:var(--q-date-state-layer-opacity);transition:background-color .2s linear,opacity .2s linear}.q-date__day:not(:disabled):hover{--q-date-state-layer-opacity: 8%}.q-date__day:not(:disabled):active,.q-date__day:focus-visible{--q-date-state-layer-opacity: 10%}.q-date__day:focus-visible:before{outline:3px solid var(--secondary);outline-offset:2px}.q-date__day{appearance:none;display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:48px;margin:0;padding:0;border:0;outline:0;background:transparent;color:var(--on-surface);cursor:pointer;transition:color .2s linear}.q-date__day--outside:not(.q-date__day--selected):not(.q-date__day--in-range){opacity:.38}.q-date__day--today:not(.q-date__day--selected){--q-date-state-layer-color: var(--primary);color:var(--primary)}.q-date__day--today:not(.q-date__day--selected):before{border-color:var(--primary)}.q-date__day--selected{--q-date-container-color: var(--primary);--q-date-state-layer-color: var(--on-primary);color:var(--on-primary);opacity:1}.q-date__day--range-start:before,.q-date__day--range-end:before{transition-property:border-color}.q-date__day--in-range{background-image:linear-gradient(var(--secondary-container),var(--secondary-container));background-size:100% 40px;background-position:center;background-repeat:no-repeat;opacity:1}.q-date__day--in-range:not(.q-date__day--selected){color:var(--on-secondary-container)}.q-date__day--in-range.q-date__day--range-start{background-size:50% 40px;background-position:right center}.q-date__day--in-range.q-date__day--range-start:dir(rtl){background-position:left center}.q-date__day--in-range.q-date__day--range-end{background-size:50% 40px;background-position:left center}.q-date__day--in-range.q-date__day--range-end:dir(rtl){background-position:right center}.q-date__day--range-start.q-date__day--range-end{background-image:none}.q-date__day:disabled{opacity:.38;cursor:default}.q-date__day--empty{pointer-events:none}.q-date__years{display:grid;grid-area:1/1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;z-index:1;height:0;min-height:100%;padding:16px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:16px;background-color:var(--surface-container-high)}.q-date__year{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-date-container-color: transparent;--q-date-state-layer-color: var(--on-surface-variant);--q-date-state-layer-opacity: 0%;isolation:isolate}.q-date__year:before,.q-date__year:after{content:"";position:absolute;width:72px;height:36px;border-radius:9999px}.q-date__year:before{z-index:-2;border:1px solid transparent;background-color:var(--q-date-container-color);transition:background-color .2s linear,border-color .2s linear}.q-date__year:after{z-index:-1;background-color:var(--q-date-state-layer-color);opacity:var(--q-date-state-layer-opacity);transition:background-color .2s linear,opacity .2s linear}.q-date__year:not(:disabled):hover{--q-date-state-layer-opacity: 8%}.q-date__year:not(:disabled):active,.q-date__year:focus-visible{--q-date-state-layer-opacity: 10%}.q-date__year:focus-visible:before{outline:3px solid var(--secondary);outline-offset:2px}.q-date__year{appearance:none;justify-self:center;position:relative;width:72px;min-height:48px;padding:0;border:0;outline:0;background:transparent;color:var(--on-surface-variant);cursor:pointer}.q-date__year--current:not(.q-date__year--selected){color:var(--primary)}.q-date__year--current:not(.q-date__year--selected):before{border-color:var(--primary)}.q-date__year--selected{--q-date-container-color: var(--primary);--q-date-state-layer-color: var(--on-primary);color:var(--on-primary)}.q-date__selection-list{height:344px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:16px}.q-date__selection-option{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-date-container-color: transparent;--q-date-state-layer-color: var(--on-surface);--q-date-state-layer-opacity: 0%;appearance:none;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;width:100%;min-height:48px;padding-block:0;padding-inline:0 16px;border:0;outline:0;background:linear-gradient(color-mix(in srgb,var(--q-date-state-layer-color) var(--q-date-state-layer-opacity),transparent),color-mix(in srgb,var(--q-date-state-layer-color) var(--q-date-state-layer-opacity),transparent)),var(--q-date-container-color);color:var(--on-surface);text-align:start;cursor:pointer}.q-date__selection-option:hover:not(:disabled){--q-date-state-layer-opacity: 8%}.q-date__selection-option:active:not(:disabled),.q-date__selection-option:focus-visible{--q-date-state-layer-opacity: 10%}.q-date__selection-option:focus-visible{outline:3px solid var(--secondary);outline-offset:-3px}.q-date__selection-option--selected{--q-date-container-color: var(--surface-variant)}.q-date__selection-option:disabled{opacity:.38;cursor:default}.q-date__selection-check{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.q-date__input-mode{display:flex;flex:1 0 auto;flex-direction:column;gap:12px;position:relative;padding:10px 24px 16px}.q-date__input-mode .q-field{width:100%}.q-date__input-mode .q-date__range-error{padding:0}.q-date__range-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);margin:0;padding:8px 24px;color:var(--error)}.q-date__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;z-index:2;min-height:60px;padding:8px 8px 12px;background-color:var(--surface-container-high)}.q-date__actions .q-btn{color:var(--primary)}.q-date__picker--fullscreen{height:100%;overflow:auto;padding-block-end:env(safe-area-inset-bottom)}.q-date__picker--fullscreen .q-date__header{padding-inline-start:max(24px,env(safe-area-inset-left));padding-inline-end:max(64px,52px + env(safe-area-inset-right))}.q-date__picker--fullscreen .q-date__month-navigation,.q-date__picker--fullscreen .q-date__calendar-viewport,.q-date__picker--fullscreen .q-date__years,.q-date__picker--fullscreen .q-date__input-mode{width:min(100%,360px);margin-inline:auto}@media(prefers-reduced-motion:reduce){.q-date__picker,.q-date__day,.q-date__day:before,.q-date__day:after,.q-date__year:before,.q-date__year:after{transition:none}}}