.tx-slider{--tx-slider-height: 28px;--tx-slider-thumb-size: var(--tx-slider-surface-width);--tx-slider-track-height: 6px;--tx-slider-track-color: color-mix(in srgb, var(--tx-text-color-primary, #111827) 14%, transparent);--tx-slider-surface-size: 28px;--tx-slider-surface-width: 36px;--tx-slider-surface-radius: 999px;--tx-slider-surface-opacity: 1;--tx-slider-surface-tint: color-mix(in srgb, var(--tx-bg-color-overlay, #fff) 88%, transparent);--tx-slider-surface-rim: color-mix(in srgb, var(--tx-border-color-light, #e4e7ed) 50%, transparent);--tx-slider-surface-highlight: color-mix(in srgb, var(--tx-color-white, #fff) 17%, transparent);--tx-slider-surface-shadow: 1px 2px 8px rgba(15,23,42,.08);--tx-slider-thumb-scale: 1;--tx-slider-thumb-ring: 0 0 0 0 transparent;--tx-slider-thumb-shadow: 0 1px 3px color-mix(in srgb, #000 18%, transparent);--tx-slider-thumb-color: var(--tx-text-color-primary, #303133);--tx-slider-hover-ease: cubic-bezier(.22, 1, .36, 1);--tx-slider-hover-duration: .18s;display:inline-flex;align-items:center;gap:10px;width:100%}.tx-slider:not(.has-surface){--tx-slider-thumb-size: 18px}.tx-slider.is-thumb-blur{--tx-slider-surface-tint: color-mix(in srgb, var(--tx-bg-color-overlay, #fff) 22%, transparent);--tx-slider-surface-blur: 8px;--tx-slider-surface-saturate: 160%}.tx-slider.is-thumb-blur.is-dragging{--tx-slider-surface-blur: 10px;--tx-slider-surface-saturate: 190%}.tx-slider.is-thumb-glass.is-dragging{--tx-slider-surface-tint: transparent}.tx-slider.is-focused,.tx-slider.is-hovering{--tx-slider-track-height: 8px;--tx-slider-track-color: color-mix(in srgb, var(--tx-text-color-primary, #111827) 20%, transparent);--tx-slider-surface-rim: color-mix(in srgb, var(--tx-border-color-light, #e4e7ed) 75%, transparent);--tx-slider-thumb-shadow: 1px 2px 6px color-mix(in srgb, #000 22%, transparent)}.tx-slider.is-dragging{--tx-slider-track-height: 10px;--tx-slider-track-color: color-mix(in srgb, var(--tx-text-color-primary, #111827) 26%, transparent);--tx-slider-surface-rim: color-mix(in srgb, var(--tx-color-primary, #409eff) 30%, color-mix(in srgb, var(--tx-border-color-light, #e4e7ed) 75%, transparent));--tx-slider-surface-shadow: 3px 6px 16px rgba(15,23,42,.14);--tx-slider-thumb-shadow: 2px 4px 12px color-mix(in srgb, #000 30%, transparent)}.tx-slider:not(.has-surface).is-hovering{--tx-slider-thumb-scale: 1.08;--tx-slider-thumb-ring: 0 0 0 3px color-mix(in srgb, var(--tx-color-primary, #409eff) 14%, transparent)}.tx-slider:not(.has-surface).is-dragging{--tx-slider-thumb-scale: 1.16;--tx-slider-thumb-ring: 0 0 0 6px color-mix(in srgb, var(--tx-color-primary, #409eff) 24%, transparent)}.tx-slider.is-focused:not(.is-dragging){--tx-slider-thumb-ring: 0 0 0 3px var(--tx-focus-ring-color, color-mix(in srgb, var(--tx-color-primary, #409eff) 72%, #fff))}.tx-slider__main{position:relative;flex:1;min-width:0;height:var(--tx-slider-height);display:flex;align-items:center}.tx-slider__track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--tx-slider-track-height);border-radius:999px;background:var(--tx-slider-track-color);pointer-events:none;transition:height var(--tx-slider-hover-duration) var(--tx-slider-hover-ease),background-color var(--tx-slider-hover-duration) var(--tx-slider-hover-ease)}.tx-slider__range{position:absolute;left:0;top:0;height:100%;border-radius:inherit;background:var(--tx-color-primary, #409eff);transition:background-color var(--tx-slider-hover-duration) var(--tx-slider-hover-ease)}.tx-slider__surface{position:absolute;top:50%;width:var(--tx-slider-surface-width);height:var(--tx-slider-surface-size);border-radius:var(--tx-slider-surface-radius);background:var(--tx-slider-surface-tint);box-shadow:inset 0 0 0 1px var(--tx-slider-surface-rim),inset 0 1px 0 var(--tx-slider-surface-highlight),var(--tx-slider-surface-shadow);opacity:var(--tx-slider-surface-opacity);transform:translate(-50%,-50%);will-change:transform;pointer-events:none;transition:box-shadow var(--tx-slider-hover-duration) var(--tx-slider-hover-ease)}.tx-slider.is-thumb-blur .tx-slider__surface{backdrop-filter:blur(var(--tx-slider-surface-blur)) saturate(var(--tx-slider-surface-saturate));-webkit-backdrop-filter:blur(var(--tx-slider-surface-blur)) saturate(var(--tx-slider-surface-saturate));transition:box-shadow var(--tx-slider-hover-duration) var(--tx-slider-hover-ease),backdrop-filter var(--tx-slider-hover-duration) var(--tx-slider-hover-ease)}.tx-slider .tx-slider__glass{position:absolute;inset:0;opacity:0;box-shadow:inset 0 0 0 1px var(--tx-slider-surface-rim);pointer-events:none;transition:opacity .12s ease}.tx-slider .tx-slider__glass.is-active{opacity:1}.tx-slider.is-focused:not(.is-dragging) .tx-slider__surface{box-shadow:inset 0 0 0 1px var(--tx-slider-surface-rim),inset 0 1px 0 var(--tx-slider-surface-highlight),var(--tx-slider-surface-shadow),0 0 0 3px var(--tx-focus-ring-color, color-mix(in srgb, var(--tx-color-primary, #409eff) 72%, #fff))}.tx-slider__tooltip{position:absolute;top:0;transform-origin:50% 120%;pointer-events:none;will-change:transform;filter:none;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--tx-text-color-primary, #303133);background:color-mix(in srgb,var(--tx-bg-color-overlay, #fff) 12%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid color-mix(in srgb,var(--tx-border-color-light, #e4e7ed) 72%,transparent);box-shadow:5px 10px 26px #00000024;white-space:nowrap;z-index:2}.tx-slider .tx-slider-tooltip-enter-active,.tx-slider .tx-slider-tooltip-leave-active{transition:opacity var(--tx-slider-tooltip-motion-duration, .16s) ease,filter var(--tx-slider-tooltip-motion-duration, .16s) ease}.tx-slider .tx-slider-tooltip-enter-from,.tx-slider .tx-slider-tooltip-leave-to{opacity:0}.tx-slider .tx-slider-tooltip-none-enter-active,.tx-slider .tx-slider-tooltip-none-leave-active{transition:none}.tx-slider .tx-slider__tooltip[data-motion=blur].tx-slider-tooltip-enter-from,.tx-slider .tx-slider__tooltip[data-motion=blur].tx-slider-tooltip-leave-to{filter:blur(var(--tx-slider-tooltip-motion-blur, 10px))}.tx-slider .tx-slider__tooltip[data-motion=fade].tx-slider-tooltip-enter-from,.tx-slider .tx-slider__tooltip[data-motion=fade].tx-slider-tooltip-leave-to{filter:none}.tx-slider__input{width:100%;height:var(--tx-slider-height);margin:0;cursor:pointer;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;position:relative;z-index:1}.tx-slider__input::-webkit-slider-runnable-track{height:var(--tx-slider-height);background:transparent}.tx-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--tx-slider-thumb-size);height:var(--tx-slider-thumb-size);border-radius:999px;background:var(--tx-slider-thumb-color);border:1px solid color-mix(in srgb,#000 12%,transparent);box-shadow:var(--tx-slider-thumb-ring),var(--tx-slider-thumb-shadow);margin-top:calc((var(--tx-slider-height) - var(--tx-slider-thumb-size))/2);transform:scale(var(--tx-slider-thumb-scale));-webkit-transition:transform var(--tx-slider-hover-duration) var(--tx-slider-hover-ease),box-shadow var(--tx-slider-hover-duration) var(--tx-slider-hover-ease);transition:transform var(--tx-slider-hover-duration) var(--tx-slider-hover-ease),box-shadow var(--tx-slider-hover-duration) var(--tx-slider-hover-ease)}.tx-slider.has-surface .tx-slider__input::-webkit-slider-thumb{width:var(--tx-slider-thumb-size);height:var(--tx-slider-height);margin-top:0;background:transparent;border:0;box-shadow:none;transform:none;-webkit-transition:none;transition:none}.tx-slider__value{font-size:12px;color:var(--tx-text-color-secondary, #909399);min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.tx-slider.is-disabled{opacity:.6}.tx-slider.is-disabled .tx-slider__input{cursor:not-allowed}.tx-slider.is-disabled .tx-slider__range{background:var(--tx-text-color-placeholder, #a8abb2)}@media(prefers-reduced-motion:reduce){.tx-slider{--tx-slider-hover-duration: 0ms}}