@layer tx.components{.tx-slider{--tx-slider-track:var(--tx-muted,color-mix(in srgb, CanvasText 12%, Canvas));--tx-slider-range:var(--tx-primary,Highlight);--tx-slider-thumb-bg:var(--tx-surface,Canvas);--tx-slider-thumb-border:var(--tx-primary,Highlight);touch-action:none;user-select:none;display:block;position:relative}.tx-slider--horizontal{inline-size:100%;max-inline-size:20rem}.tx-slider--vertical{block-size:12rem;inline-size:auto}.tx-slider--sm.tx-slider--horizontal{block-size:.375rem}.tx-slider--md.tx-slider--horizontal{block-size:.5rem}.tx-slider--lg.tx-slider--horizontal{block-size:.625rem}.tx-slider--sm.tx-slider--vertical{inline-size:.375rem}.tx-slider--md.tx-slider--vertical{inline-size:.5rem}.tx-slider--lg.tx-slider--vertical{inline-size:.625rem}.tx-slider[data-disabled]{opacity:var(--tx-slider-disabled-opacity,var(--tx-opacity-disabled));pointer-events:none}.tx-slider__track{border-radius:var(--tx-shape-radius-full);background-color:var(--tx-slider-track);position:absolute;inset:0}.tx-slider__range{border-radius:var(--tx-shape-radius-full);background-color:var(--tx-slider-range);pointer-events:none;position:absolute}.tx-slider--horizontal .tx-slider__range{inset-block:0}.tx-slider--vertical .tx-slider__range{inset-inline:0}.tx-slider__thumb{box-sizing:border-box;border-radius:var(--tx-shape-radius-full);border:var(--tx-slider-thumb-border-width,var(--tx-border-width-thick)) solid var(--tx-slider-thumb-border);background-color:var(--tx-slider-thumb-bg);box-shadow:var(--tx-slider-thumb-elevation,var(--tx-elevation-2));cursor:grab;outline:none;position:absolute}.tx-slider--horizontal .tx-slider__thumb{inset-block-start:50%;translate:-50% -50%}.tx-slider--horizontal .tx-slider__thumb:dir(rtl){translate:50% -50%}.tx-slider--vertical .tx-slider__thumb{inset-inline-start:50%;translate:-50% 50%}.tx-slider--sm .tx-slider__thumb{inline-size:var(--tx-size-icon-sm);block-size:var(--tx-size-icon-sm)}.tx-slider--md .tx-slider__thumb{inline-size:var(--tx-size-icon-md);block-size:var(--tx-size-icon-md)}.tx-slider--lg .tx-slider__thumb{inline-size:var(--tx-size-icon-lg);block-size:var(--tx-size-icon-lg)}.tx-slider__thumb:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-slider__thumb[data-state=active]{cursor:grabbing;box-shadow:var(--tx-elevation-3)}.tx-slider__tick{background-color:var(--tx-border,ButtonBorder);pointer-events:none;border-radius:1px;block-size:.375rem;inline-size:.125rem;position:absolute}.tx-slider--horizontal .tx-slider__tick{margin-block-start:var(--tx-space-1);inset-block-start:100%;translate:-50%}.tx-slider--horizontal .tx-slider__tick:dir(rtl){translate:50%}.tx-slider--vertical .tx-slider__tick{block-size:.125rem;inline-size:.375rem;margin-inline-start:var(--tx-space-1);inset-inline-start:100%;translate:0 50%}.tx-slider__tick[data-selected]{background-color:var(--tx-slider-range)}.tx-slider__mark-label{font-size:var(--tx-type-caption-size);color:var(--tx-muted-foreground,GrayText);pointer-events:none;white-space:nowrap;line-height:1;position:absolute}.tx-slider--horizontal .tx-slider__mark-label{inset-block-start:var(--tx-space-2);inset-inline-start:50%;translate:-50%}.tx-slider--horizontal .tx-slider__mark-label:dir(rtl){translate:50%}.tx-slider--vertical .tx-slider__mark-label{inset-block-end:50%;inset-inline-start:var(--tx-space-2);translate:0 50%}.tx-slider-field{gap:var(--tx-space-2);display:grid}.tx-slider-field__header{justify-content:space-between;align-items:baseline;gap:var(--tx-space-3);display:flex}.tx-slider-field__label{font-size:var(--tx-type-label-size);font-weight:var(--tx-type-label-weight);color:var(--tx-foreground,CanvasText)}.tx-slider-field__value{font-variant-numeric:tabular-nums;color:var(--tx-muted-foreground,GrayText);font-size:.8125rem}.tx-slider-field__control{padding-block-end:var(--tx-space-6)}.tx-slider-field__control:has(.tx-slider--vertical){padding-block-end:0;padding-inline-end:var(--tx-space-10)}@media (forced-colors:active){.tx-slider__track{forced-color-adjust:none;background:buttonface;border:1px solid buttontext}.tx-slider__range{background:highlight}.tx-slider__thumb{background:canvas;border-color:buttontext}}}