@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 Quaff.components.q-slider{@property --q-slider-interactive-handle-width{syntax: "<length>"; inherits: true; initial-value: 4px;}.q-slider{--q-slider-track-height: 16px;--q-slider-handle-height: 44px;--q-slider-handle-width: 4px;--q-slider-pressed-handle-width: 2px;--q-slider-interactive-handle-width: var(--q-slider-handle-width);--q-slider-handle-track-gap: 6px;--q-slider-handle-track-offset: calc( var(--q-slider-handle-track-gap) + var(--q-slider-handle-width) / 2 );--q-slider-end-stop-inset: 6px;--q-slider-outer-radius: 8px;--q-slider-inner-radius: 2px;--q-slider-axis-center: 50%;--q-slider-label-exit-duration: .3s;--q-slider-label-exit-easing: cubic-bezier(1, .12, .51, .83);position:relative;display:inline-block;flex:1 1 192px;inline-size:100%;min-inline-size:96px;block-size:max(48px,var(--q-slider-handle-height));color:var(--q-slider-active-color);cursor:pointer;isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;transition:--q-slider-interactive-handle-width .1s linear}.q-slider--active{--q-slider-interactive-handle-width: var(--q-slider-pressed-handle-width)}.q-slider--keyboard{--q-slider-label-exit-duration: .2s;--q-slider-label-exit-easing: cubic-bezier(.2, 0, 0, 1)}.q-slider--sm{--q-slider-track-height: 24px}.q-slider--md{--q-slider-track-height: 40px;--q-slider-handle-height: 52px;--q-slider-outer-radius: 12px;--q-slider-icon-padding: 6px}.q-slider--lg{--q-slider-track-height: 56px;--q-slider-handle-height: 68px;--q-slider-outer-radius: 16px;--q-slider-icon-padding: 6px}.q-slider--xl{--q-slider-track-height: 96px;--q-slider-handle-height: 108px;--q-slider-outer-radius: 28px;--q-slider-icon-padding: 8px}.q-slider--vertical{flex:0 0 auto;inline-size:max(48px,var(--q-slider-handle-height));min-inline-size:0;block-size:192px;min-block-size:96px;touch-action:pan-x pinch-zoom}.q-slider--with-label:not(.q-slider--vertical){--q-slider-label-space: calc(max(20px, var(--typescale-label-large-line-height)) + 36px) ;--q-slider-axis-center: calc(50% + var(--q-slider-label-space) / 2);block-size:calc(max(48px,var(--q-slider-handle-height)) + var(--q-slider-label-space))}.q-slider--disabled,.q-slider--readonly{cursor:default;touch-action:auto}.q-slider--disabled .q-slider__handle,.q-slider--readonly .q-slider__handle{touch-action:inherit}.q-slider--disabled{color:var(--on-surface)}.q-slider__input{position:absolute;inset-block-start:var(--q-slider-axis-center);inset-inline-start:var(--q-slider-position);inline-size:48px;block-size:max(48px,var(--q-slider-handle-height));margin:0;outline:none;opacity:0;pointer-events:none;translate:-50% -50%}.q-slider__input:dir(rtl){translate:50% -50%}.q-slider__track{position:absolute;inset-block-start:var(--q-slider-axis-center);inset-inline:0;block-size:var(--q-slider-track-height);translate:0 -50%;pointer-events:none}.q-slider__segment{--q-slider-gap-start: 0px;--q-slider-gap-end: 0px;position:absolute;inset-block:0;inset-inline-start:calc(var(--q-slider-start) + var(--q-slider-gap-start));inline-size:max(0px,var(--q-slider-end) - var(--q-slider-start) - var(--q-slider-gap-start) - var(--q-slider-gap-end));border-radius:var(--q-slider-inner-radius);background:var(--q-slider-inactive-color)}.q-slider__segment.active{background:currentColor}.q-slider__segment.gap-start{--q-slider-gap-start: var(--q-slider-handle-track-offset)}.q-slider__segment.gap-end{--q-slider-gap-end: var(--q-slider-handle-track-offset)}.q-slider__segment.at-start:not(.gap-start){border-start-start-radius:var(--q-slider-start-radius);border-end-start-radius:var(--q-slider-start-radius)}.q-slider__segment.at-end:not(.gap-end){border-start-end-radius:var(--q-slider-end-radius);border-end-end-radius:var(--q-slider-end-radius)}.q-slider__stop{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:var(--q-slider-position);inline-size:4px;block-size:4px;border-radius:50%;background:var(--on-secondary-container);translate:-50% -50%}.q-slider__stop:dir(rtl){translate:50% -50%}.q-slider__stop.active{background:var(--on-primary)}.q-slider__stop--end{inset-inline-start:clamp(var(--q-slider-end-stop-inset),var(--q-slider-position),100% - var(--q-slider-end-stop-inset))}.q-slider__handle{position:absolute;z-index:2;inset-block-start:var(--q-slider-axis-center);inset-inline-start:var(--q-slider-position);inline-size:48px;block-size:max(48px,var(--q-slider-handle-height));translate:-50% -50%;isolation:isolate;pointer-events:auto;touch-action:none}.q-slider__handle:dir(rtl){translate:50% -50%}.q-slider__handle:before{content:"";position:absolute;inset-block-start:50%;inset-inline:0;inline-size:var(--q-slider-handle-width);block-size:var(--q-slider-handle-height);margin-inline:auto;border-radius:2px;background:currentColor;translate:0 -50%;z-index:1}.q-slider__handle.top{z-index:3}.q-slider__handle.top:before{inline-size:var(--q-slider-interactive-handle-width)}.q-slider__handle.overlap:before{box-shadow:0 0 0 1px var(--on-primary)}.q-slider__handle.focus-visible:before{outline:3px solid var(--secondary);outline-offset:2px}.q-slider__label{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);font-weight:var(--typescale-body-large-font-weight);letter-spacing:var(--typescale-body-large-letter-spacing);position:absolute;z-index:3;inset-block-end:calc(50% + var(--q-slider-handle-height) / 2 + 4px);inset-inline-start:50%;display:grid;place-items:center;min-inline-size:48px;min-block-size:44px;padding:12px 16px;border-radius:9999px;background:var(--inverse-surface);color:var(--inverse-on-surface);scale:0;translate:-50%;transform-origin:50% calc(100% + 5px);transition:scale var(--q-slider-label-exit-duration) var(--q-slider-label-exit-easing);pointer-events:none;white-space:nowrap}.q-slider__label:where(.visible){scale:1;transition:scale .15s cubic-bezier(.4,0,.2,1)}.q-slider__icon{position:absolute;z-index:2;inset-block-start:50%;display:grid;place-items:center;color:var(--on-secondary-container);translate:0 -50%}.q-slider__icon--start{inset-inline-start:var(--q-slider-icon-padding)}.q-slider__icon--end{inset-inline-end:var(--q-slider-icon-padding)}.q-slider__icon.active{color:var(--on-primary)}.q-slider--range .q-slider__handle:not(.top) .q-slider__label{transition:none}.q-slider:not(.q-slider--vertical) .q-slider__label:dir(rtl){translate:50%}.q-slider--vertical .q-slider__input{inset-block-start:auto;inset-block-end:var(--q-slider-position);inset-inline:0;inline-size:max(48px,var(--q-slider-handle-height));block-size:48px;margin-inline:auto;translate:0 50%}.q-slider--vertical .q-slider__input:dir(rtl){translate:0 50%}.q-slider--vertical .q-slider__track{inset-block:0;inset-inline:0;inline-size:var(--q-slider-track-height);block-size:auto;margin-inline:auto;translate:0}.q-slider--vertical .q-slider__segment{inset-inline:0;inset-block-start:auto;inset-block-end:calc(var(--q-slider-start) + var(--q-slider-gap-start));inline-size:auto;block-size:max(0px,var(--q-slider-end) - var(--q-slider-start) - var(--q-slider-gap-start) - var(--q-slider-gap-end))}.q-slider--vertical .q-slider__segment.at-start:not(.gap-start){border-radius:var(--q-slider-inner-radius) var(--q-slider-inner-radius) var(--q-slider-start-radius) var(--q-slider-start-radius)}.q-slider--vertical .q-slider__segment.at-end:not(.gap-end){border-radius:var(--q-slider-end-radius) var(--q-slider-end-radius) var(--q-slider-inner-radius) var(--q-slider-inner-radius)}.q-slider--vertical .q-slider__stop{inset-block-start:auto;inset-block-end:var(--q-slider-position);inset-inline:0;margin-inline:auto;translate:0 50%}.q-slider--vertical .q-slider__stop--end{inset-block-end:clamp(var(--q-slider-end-stop-inset),var(--q-slider-position),100% - var(--q-slider-end-stop-inset))}.q-slider--vertical .q-slider__handle{inset-block-start:auto;inset-block-end:var(--q-slider-position);inset-inline:0;inline-size:max(48px,var(--q-slider-handle-height));block-size:48px;margin-inline:auto;translate:0 50%}.q-slider--vertical .q-slider__handle:before{inset-block-start:50%;inline-size:var(--q-slider-handle-height);block-size:var(--q-slider-handle-width)}.q-slider--vertical .q-slider__handle.top:before{inline-size:var(--q-slider-handle-height);block-size:var(--q-slider-interactive-handle-width)}.q-slider--vertical .q-slider__label{inset-block-start:50%;inset-block-end:auto;inset-inline-start:calc(50% + var(--q-slider-handle-height) / 2 + 4px);translate:0 -50%;transform-origin:-5px 50%}.q-slider--vertical .q-slider__label:dir(rtl){transform-origin:calc(100% + 5px) 50%}.q-slider--vertical .q-slider__icon{inset-inline:0;margin-inline:auto;translate:0}.q-slider--vertical .q-slider__icon--start{inset-block-end:var(--q-slider-icon-padding);inset-block-start:auto}.q-slider--vertical .q-slider__icon--end{inset-block-start:var(--q-slider-icon-padding);inset-block-end:auto}.q-slider--disabled .q-slider__segment{background:currentColor;opacity:12%}.q-slider--disabled .q-slider__segment.active{opacity:38%}.q-slider--disabled .q-slider__handle:before{background:currentColor;opacity:38%;box-shadow:none}.q-slider--disabled .q-slider__stop{background:currentColor}.q-slider--disabled .q-slider__stop.active{background:var(--inverse-on-surface)}.q-slider--disabled .q-slider__icon{color:currentColor;opacity:38%}@media(forced-colors:active){.q-slider{--q-slider-active-color: Highlight !important;--q-slider-inactive-color: Canvas !important;color:Highlight;forced-color-adjust:none}.q-slider__segment{background:Canvas;outline:1px solid CanvasText;outline-offset:-1px}.q-slider__segment.active{background:Highlight;outline:none}.q-slider__handle:before{background:Highlight;box-shadow:none}.q-slider__handle.focus-visible:before{outline-color:Highlight}.q-slider__stop{background:CanvasText}.q-slider__stop.active{background:HighlightText}.q-slider__label{background:CanvasText;color:Canvas}.q-slider__icon{color:CanvasText}.q-slider__icon.active{color:HighlightText}.q-slider--disabled{color:GrayText}.q-slider--disabled .q-slider__segment,.q-slider--disabled .q-slider__handle:before,.q-slider--disabled .q-slider__stop,.q-slider--disabled .q-slider__icon{opacity:1}.q-slider--disabled .q-slider__segment{background:Canvas;outline-color:GrayText}.q-slider--disabled .q-slider__segment.active{background:GrayText}.q-slider--disabled .q-slider__handle:before,.q-slider--disabled .q-slider__stop{background:GrayText}.q-slider--disabled .q-slider__stop.active{background:Canvas}}@media(prefers-reduced-motion:reduce){.q-slider,.q-slider__segment,.q-slider__handle,.q-slider__handle:before,.q-slider__label{transition:none}}}