.qui-slider__root{--slider-track-thickness:var(--sizing-30)}.qui-slider__root[data-size=sm]{--slider-thumb-size:var(--sizing-60)}.qui-slider__root[data-size=md]{--slider-thumb-size:var(--sizing-70)}.qui-slider__root{--slider-label-color:var(--color-text-neutral-secondary);--slider-marker-color:var(--color-text-neutral-primary)}.qui-slider__root[data-variant=primary]{--slider-thumb-color:var(--color-interactive-background-primary-idle);--slider-range-color:var(--color-background-brand-primary);--slider-thumb-color-hover:var(
      --color-interactive-background-primary-hover
    );--slider-thumb-color-active:var(
      --color-interactive-background-primary-pressed
    )}.qui-slider__root[data-variant=neutral]{--slider-thumb-color:var(--color-interactive-background-neutral-idle);--slider-range-color:var(--color-background-support-neutral);--slider-thumb-color-hover:var(
      --color-interactive-background-neutral-hover
    );--slider-thumb-color-active:var(
      --color-interactive-background-neutral-pressed
    )}.qui-slider__root[data-invalid]{--slider-thumb-color:var(--color-interactive-background-danger-idle);--slider-range-color:var(--color-background-support-danger);--slider-thumb-color-hover:var(
      --color-interactive-background-danger-hover
    );--slider-thumb-color-active:var(
      --color-interactive-background-danger-pressed
    )}.qui-slider__root[data-disabled]{--slider-thumb-color:var(--color-utility-disabled-background-solid);--slider-range-color:var(--color-utility-disabled-background-solid);--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root[data-readonly]{--slider-label-color:var(--color-utility-disabled-text);--slider-marker-color:var(--color-utility-disabled-text)}.qui-slider__root{align-items:center;display:grid;isolation:isolate;touch-action:none;width:100%}.qui-slider__root[data-orientation=horizontal]{grid-template-columns:auto 1fr 1fr auto;grid-template-rows:[label] auto [control] auto [markers] auto [hint error] auto;--row-gap:var(--spacing-70)}.qui-slider__root[data-orientation=vertical]{grid-template-columns:[label control] 1fr [value markers] 1fr;grid-template-rows:auto auto 1fr auto}.qui-slider__label,.qui-slider__value-text{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-row:label;width:-moz-fit-content;width:fit-content}.qui-slider__label[data-orientation=vertical],.qui-slider__value-text[data-orientation=vertical]{grid-row:1}.qui-slider__label{grid-column:1/3}.qui-slider__label[data-orientation=vertical]{grid-column:1}.qui-slider__value-text{grid-column:-1/-3;justify-self:end}.qui-slider__value-text[data-orientation=vertical]{grid-column:2}.qui-slider__minMaxMarker{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-row:control;margin-block-start:var(--spacing-50);-webkit-user-select:none;-moz-user-select:none;user-select:none}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker){grid-column:1/2;margin-inline-end:10px}.qui-slider__root :nth-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker){grid-column:-2/-1;margin-inline-start:10px}.qui-slider__root :nth-last-child(1 of .qui-slider__minMaxMarker)[data-orientation=vertical]{grid-column:1/-1;grid-row:4;justify-self:center;margin:0}.qui-slider__control{align-items:center;cursor:pointer;display:flex;flex-direction:row;grid-column:2/-2;grid-row:control;justify-content:center}.qui-slider__control[data-orientation=horizontal]{height:var(--slider-thumb-size);margin-block-start:var(--row-gap)}.qui-slider__control[data-orientation=vertical]{grid-column:1/-1;grid-row:3;height:100%;justify-self:center;width:var(--slider-thumb-size)}.qui-slider__control[data-disabled]{cursor:initial}.qui-slider__thumb{aspect-ratio:1;background-color:var(--slider-thumb-color);border-radius:var(--border-radius-rounded);position:relative;width:var(--slider-thumb-size)}.qui-slider__thumb:focus-visible{outline:none}.qui-slider__thumb:focus-visible:before{border:2px solid var(--color-utility-focus-border);border-radius:inherit;content:"";inset:-3px;pointer-events:none;position:absolute}.qui-slider__thumb:hover{background-color:var(--slider-thumb-color-hover)}.qui-slider__thumb:active{background-color:var(--slider-thumb-color-active)}.qui-slider__thumb[data-disabled]{background-color:var(--color-utility-disabled-background-solid)}.qui-slider__thumb:after{border-radius:var(--border-radius-rounded);bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.qui-slider__track{background-color:var(--cross-component-track-default);border-radius:var(--border-radius-rounded);overflow:hidden}.qui-slider__track[data-orientation=horizontal]{height:var(--slider-track-thickness);width:100%}.qui-slider__track[data-orientation=vertical]{height:100%;width:var(--slider-track-thickness)}.qui-slider__range{background-color:var(--slider-range-color);border-radius:inherit}.qui-slider__range[data-orientation=horizontal]{height:100%}.qui-slider__range[data-orientation=vertical]{width:100%}.qui-slider__marker-group[data-orientation=horizontal]{height:20px;margin-block-start:var(--spacing-50);width:100%}.qui-slider__marker-group[data-orientation=vertical]{grid-row:3;height:100%;justify-self:center;margin-inline-start:28px}.qui-slider__marker-group{color:var(--slider-marker-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:markers}.qui-slider__hint{color:var(--slider-label-color);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:hint;margin-block-start:var(--row-gap)}.qui-slider__error-text{color:var(--color-text-support-danger);font:var(--font-static-body-xs-default);grid-column:1/-1;grid-row:error;margin-block-start:var(--row-gap)}.qui-slider__root[data-invalid] .qui-slider__error-text{display:flex;gap:var(--spacing-40)}.qui-slider__thumb-indicator{background-color:var(--color-background-neutral-10);border-radius:var(--border-radius-xs);bottom:calc(100% + 10px);box-shadow:var(--shadow-high);color:var(--color-text-neutral-inverse);display:none;font:var(--font-static-body-xs-default);left:50%;opacity:0;padding-block:var(--spacing-40);padding-inline:var(--spacing-70);pointer-events:none;transition:opacity 130ms ease-in-out,display 130ms ease-in-out allow-discrete;width:-moz-max-content;width:max-content}.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{display:block;opacity:1}@starting-style{.qui-slider__thumb:not([data-disabled]):is(:hover,:active,:focus-visible,[data-dragging]) .qui-slider__thumb-indicator{opacity:0}}.qui-slider__thumb-indicator:after{background-color:var(--color-background-neutral-10);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";height:10px;left:50%;position:absolute;top:100%;transform:translateX(-50%) translateY(-50%);width:10px}