@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-time .q-field__wrapper,.q-time .q-field__input{cursor:pointer}.q-time .q-field__input{caret-color:transparent}.q-time .q-field__snippet-append{gap:8px}.q-time__field-icon,.q-time__trigger-button{color:var(--on-surface-variant)}.q-time__trigger{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.q-time__dialog.q-dialog:not(.q-dialog--fullscreen){width:min(328px,100dvw - 16px);min-width:0;min-height:0;max-width:328px;max-height:calc(100dvh - 16px);padding:0;overflow:auto;color:var(--on-surface)}.q-time__dialog.q-dialog:not(.q-dialog--fullscreen):has(.q-time__picker--horizontal:not(.q-time__picker--input)){width:min(572px,100dvw - 16px);max-width:572px}.q-time__docked.q-menu{width:min(328px,100dvw - 16px);max-width:328px;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-time__picker{display:grid;grid-template-areas:"title" "page" "footer";width:min(328px,100dvw - 16px);min-width:0;padding:24px;padding-inline:clamp(0px,(100dvw - 296px) / 2,24px);border-radius:28px;background-color:var(--surface-container-high);color:var(--on-surface)}.q-time__picker--docked{border-radius:16px}.q-time__title{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);grid-area:title;min-height:16px;color:var(--on-surface-variant)}.q-time__mode-page{display:flex;grid-area:page;flex-direction:column;width:100%}.q-time__main{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;width:100%;margin-block-start:20px}.q-time__controls{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:center;width:100%;min-width:0;gap:12px}.q-time__controls--input{display:flex;flex-wrap:wrap;row-gap:8px}.q-time__picker--input.q-time__picker--24h .q-time__controls--input{justify-content:center}.q-time__time-selectors,.q-time__input-fields{display:grid;flex:0 0 auto;grid-template-columns:minmax(96px,max-content) minmax(24px,max-content) minmax(96px,max-content);align-items:start;width:max-content;direction:ltr}.q-time__time-selector{font-family:var(--typescale-display-large-font-family-name);font-style:var(--typescale-display-large-font-family-style);font-weight:var(--typescale-display-large-font-weight);font-size:var(--typescale-display-large-font-size);line-height:var(--typescale-display-large-line-height);letter-spacing:var(--typescale-display-large-letter-spacing);padding:0;background:none;border:none;border-radius:0;outline:none;appearance:none;--q-time-state-layer-color: var(--on-surface);--q-time-state-layer-opacity: 0%;isolation:isolate}.q-time__time-selector:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background-color:var(--q-time-state-layer-color);opacity:var(--q-time-state-layer-opacity);pointer-events:none;transition:opacity .2s linear}.q-time__time-selector:not(:disabled):hover{--q-time-state-layer-opacity: 8%}.q-time__time-selector:not(:disabled):is(:active,:focus-visible){--q-time-state-layer-opacity: 10%}.q-time__time-selector:focus-visible{z-index:4;outline:3px solid var(--secondary);outline-offset:2px}.q-time__time-selector:disabled{opacity:.38;cursor:default}.q-time__time-selector{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:80px;border-radius:8px;background-color:var(--surface-container-highest);color:var(--on-surface);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .2s linear,color .2s linear}.q-time__time-selector--selected{--q-time-state-layer-color: var(--on-primary-container);background-color:var(--primary-container);color:var(--on-primary-container)}.q-time__picker--24h:not(.q-time__picker--horizontal) .q-time__time-selectors{grid-template-columns:minmax(114px,max-content) minmax(24px,max-content) minmax(114px,max-content)}.q-time__picker--24h:not(.q-time__picker--horizontal) .q-time__time-selector{min-width:114px}.q-time__separator{font-family:var(--typescale-display-large-font-family-name);font-style:var(--typescale-display-large-font-family-style);font-weight:var(--typescale-display-large-font-weight);font-size:var(--typescale-display-large-font-size);line-height:var(--typescale-display-large-line-height);letter-spacing:var(--typescale-display-large-letter-spacing);display:flex;align-items:center;justify-content:center;min-width:24px;min-height:80px;color:var(--on-surface);font-variant-numeric:tabular-nums}.q-time__period{display:grid;flex:0 0 auto;grid-template-rows:repeat(2,minmax(0,1fr));min-width:52px;min-height:80px;border:1px solid var(--outline);border-radius:8px;direction:ltr}.q-time__period-option{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);padding:0;background:none;border:none;border-radius:0;outline:none;appearance:none;--q-time-state-layer-color: var(--on-surface);--q-time-state-layer-opacity: 0%;isolation:isolate}.q-time__period-option:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background-color:var(--q-time-state-layer-color);opacity:var(--q-time-state-layer-opacity);pointer-events:none;transition:opacity .2s linear}.q-time__period-option:not(:disabled):hover{--q-time-state-layer-opacity: 8%}.q-time__period-option:not(:disabled):is(:active,:focus-visible){--q-time-state-layer-opacity: 10%}.q-time__period-option:focus-visible{z-index:4;outline:3px solid var(--secondary);outline-offset:2px}.q-time__period-option:disabled{opacity:.38;cursor:default}.q-time__period-option{width:100%;min-width:0;min-height:0;padding-inline:4px;overflow-wrap:anywhere;color:var(--on-surface-variant);cursor:pointer;transition:background-color .2s linear,color .2s linear}.q-time__period-option:first-child{border-start-start-radius:7px;border-start-end-radius:7px}.q-time__period-option:last-child{border-end-start-radius:7px;border-end-end-radius:7px;border-block-start:1px solid var(--outline)}.q-time__period-option--selected{--q-time-state-layer-color: var(--on-tertiary-container);background-color:var(--tertiary-container);color:var(--on-tertiary-container)}.q-time__content{flex:0 0 auto;width:256px;height:256px;margin-block:36px 24px}.q-time__dial{position:relative;width:256px;height:256px;overflow:visible;border-radius:50%;background-color:transparent;direction:ltr;touch-action:none;-webkit-user-select:none;user-select:none}.q-time__dial-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);padding:0;background:none;border:none;border-radius:0;outline:none;appearance:none;--q-time-state-layer-color: var(--on-surface);--q-time-state-layer-opacity: 0%;isolation:isolate}.q-time__dial-option:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background-color:var(--q-time-state-layer-color);opacity:var(--q-time-state-layer-opacity);pointer-events:none;transition:opacity .2s linear}.q-time__dial-option:not(:disabled):hover{--q-time-state-layer-opacity: 8%}.q-time__dial-option:not(:disabled):is(:active,:focus-visible){--q-time-state-layer-opacity: 10%}.q-time__dial-option:focus-visible{z-index:4;outline:3px solid var(--secondary);outline-offset:2px}.q-time__dial-option:disabled{opacity:.38;cursor:default}.q-time__dial-option{position:absolute;inset-block-start:calc(50% - 24px);inset-inline-start:calc(50% - 24px);z-index:3;width:48px;height:48px;border-radius:50%;color:var(--on-surface);font-variant-numeric:tabular-nums;cursor:pointer;transform:rotate(var(--angle)) translateY(calc(0px - var(--radius))) rotate(calc(0deg - var(--angle)))}.q-time__dial-option--selected{--q-time-state-layer-color: var(--on-primary);z-index:4;color:var(--on-primary)}.q-time__track{position:absolute;inset-block-start:calc(50% - var(--hand-length));inset-inline-start:calc(50% - 1px);z-index:1;width:2px;height:var(--hand-length);background-color:var(--primary);pointer-events:none;transform:rotate(var(--angle));transform-origin:50% 100%;transition:inset-block-start var(--motion-duration, .2s) cubic-bezier(.445,.05,.55,.95),height var(--motion-duration, .2s) cubic-bezier(.445,.05,.55,.95),transform var(--motion-duration, .2s) cubic-bezier(.445,.05,.55,.95)}.q-time__hand{position:absolute;inset-block-start:calc(50% - 24px);inset-inline-start:calc(50% - 24px);z-index:2;width:48px;height:48px;border-radius:50%;background-color:var(--primary);pointer-events:none;transform:rotate(var(--angle)) translateY(calc(0px - var(--hand-length)));transition:transform var(--motion-duration, .2s) cubic-bezier(.445,.05,.55,.95)}.q-time__center{position:absolute;inset-block-start:calc(50% - 4px);inset-inline-start:calc(50% - 4px);z-index:2;width:8px;height:8px;border-radius:50%;background-color:var(--primary);pointer-events:none}.q-time__input-field{display:flex;flex-direction:column;width:min-content;min-width:96px;gap:7px}.q-time__input-control{font-family:var(--typescale-display-medium-font-family-name);font-style:var(--typescale-display-medium-font-family-style);font-weight:var(--typescale-display-medium-font-weight);font-size:var(--typescale-display-medium-font-size);line-height:var(--typescale-display-medium-line-height);letter-spacing:var(--typescale-display-medium-letter-spacing);appearance:textfield;width:max(96px,2ch + 8px);min-height:72px;height:calc(1lh + 4px);padding:0;border:1px solid transparent;border-radius:8px;outline:0;background-color:var(--surface-container-highest);color:var(--on-surface);caret-color:var(--primary);font-variant-numeric:tabular-nums;text-align:center;transition:background-color .2s linear,border-color .2s linear,color .2s linear}.q-time__input-control:hover:not(:disabled){background:linear-gradient(color-mix(in srgb,var(--on-surface) 8%,transparent),color-mix(in srgb,var(--on-surface) 8%,transparent)),var(--surface-container-highest)}.q-time__input-control:focus{border-width:2px;border-color:var(--primary);background-color:var(--primary-container);color:var(--on-primary-container)}.q-time__input-control:disabled{opacity:.38;cursor:default}.q-time__input-label,.q-time__input-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);min-height:16px}.q-time__input-label{overflow-wrap:anywhere;color:var(--on-surface-variant)}.q-time__input-error{flex-basis:100%;color:var(--error)}.q-time__input-error:empty{display:none}.q-time__input-field--selected .q-time__input-control{border-width:2px;border-color:var(--primary);background-color:var(--primary-container);color:var(--on-primary-container)}.q-time__input-field--selected .q-time__input-control:hover:not(:disabled){background:linear-gradient(color-mix(in srgb,var(--on-primary-container) 8%,transparent),color-mix(in srgb,var(--on-primary-container) 8%,transparent)),var(--primary-container)}.q-time__input-field--invalid .q-time__input-control{border-color:var(--error);background-color:var(--error-container);color:var(--on-error-container);caret-color:var(--error)}.q-time__input-field--invalid .q-time__input-control:hover:not(:disabled){background:linear-gradient(color-mix(in srgb,var(--on-error-container) 8%,transparent),color-mix(in srgb,var(--on-error-container) 8%,transparent)),var(--error-container)}.q-time__input-field--invalid .q-time__input-label{color:var(--error)}.q-time__picker--input .q-time__separator,.q-time__picker--input .q-time__period{min-height:72px}.q-time__picker--input .q-time__main{padding-block-end:24px}.q-time__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-time__footer{display:flex;grid-area:footer;align-items:center;justify-content:space-between;width:100%;min-height:40px;flex-wrap:wrap}.q-time__mode-toggle{flex:0 0 auto;color:var(--on-surface-variant)}.q-time__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-inline-start:auto;gap:8px}.q-time__actions .q-btn{color:var(--primary)}.q-time__picker--horizontal:not(.q-time__picker--input){width:572px;min-height:384px}.q-time__picker--horizontal:not(.q-time__picker--input) .q-time__main{flex-direction:row;align-items:flex-start;width:524px;min-height:280px;margin-block-start:0;padding-block-end:24px;gap:52px}.q-time__picker--horizontal:not(.q-time__picker--input) .q-time__controls{flex-direction:column;align-items:stretch;justify-content:flex-start;width:216px;min-height:256px;padding-block-start:72px;gap:16px}.q-time__picker--horizontal:not(.q-time__picker--input) .q-time__period{flex-basis:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;width:216px;min-height:38px}.q-time__picker--horizontal:not(.q-time__picker--input) .q-time__period-option:first-child{border-radius:0;border-start-start-radius:7px;border-end-start-radius:7px}.q-time__picker--horizontal:not(.q-time__picker--input) .q-time__period-option:last-child{border:0;border-radius:0;border-inline-start:1px solid var(--outline);border-start-end-radius:7px;border-end-end-radius:7px}.q-time__picker--horizontal:not(.q-time__picker--input) .q-time__content{width:256px;height:256px;margin:0}@media(prefers-reduced-motion:reduce){.q-time__dialog{transition:none}.q-time__time-selector,.q-time__time-selector:after,.q-time__period-option,.q-time__period-option:after,.q-time__dial-option:after,.q-time__track,.q-time__hand,.q-time__input-control{transition:none}}}