.seed-slider__root {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: var(--seed-dimension-x0_5);
    user-select: none;
    touch-action: none;
}
.seed-slider__root[data-dragging] {
    cursor: grabbing;
}
.seed-slider__root:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
}
.seed-slider__control {
    position: relative;
    height: 26px;
    display: flex;
    align-items: center;
}
.seed-slider__track {
    position: relative;
    flex-grow: 1;
    background-color: var(--seed-color-palette-gray-400);
    height: var(--seed-dimension-x1);
    border-radius: var(--seed-radius-full);
    overflow: hidden;
}
.seed-slider__range {
    position: absolute;
    height: 100%;
    background-color: var(--seed-color-fg-neutral);
    transition: left var(--seed-duration-d3) var(--seed-timing-function-easing), right var(--seed-duration-d3) var(--seed-timing-function-easing);
    will-change: left, right;
}
.seed-slider__range[data-dir='ltr'] {
    left: var(--range-start);
    right: var(--range-end);
}
.seed-slider__range[data-dir='rtl'] {
    right: var(--range-start);
    left: var(--range-end);
}
.seed-slider__range:is(:disabled, [disabled], [data-disabled]) {
    background-color: var(--seed-color-fg-disabled);
}
.seed-slider__range[data-dragging] {
    transition: none;
}
.seed-slider__thumb {
    position: absolute;
    top: 50%;
    width: var(--seed-dimension-x5);
    height: var(--seed-dimension-x5);
    transform: translate(-50%, -50%);
    transition: left var(--seed-duration-d3) var(--seed-timing-function-easing), right var(--seed-duration-d3) var(--seed-timing-function-easing), opacity var(--seed-duration-d2) var(--seed-timing-function-easing);
    will-change: left, right, opacity;
}
.seed-slider__thumb[data-ssr] {
    opacity: 0;
}
.seed-slider__thumb[data-dir='ltr'] {
    left: calc(var(--thumb-position) * 1% + var(--thumb-offset));
}
.seed-slider__thumb[data-dir='rtl'] {
    right: calc(var(--thumb-position) * 1% + var(--thumb-offset));
}
.seed-slider__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--seed-color-bg-neutral-inverted);
    border-radius: var(--seed-radius-full);
    outline: var(--seed-dimension-x0_5) solid transparent;
    outline-offset: var(--seed-dimension-x0_5);
    transition: transform var(--seed-duration-d3) var(--seed-timing-function-easing), outline-color var(--seed-duration-d3) var(--seed-timing-function-easing);
    will-change: transform;
    cursor: grab;
}
.seed-slider__thumb:is(:disabled, [disabled], [data-disabled])::after {
    background-color: var(--seed-color-fg-disabled);
    cursor: not-allowed;
}
.seed-slider__thumb[data-dragging] {
    transition: none;
}
.seed-slider__thumb[data-thumb-dragging]::after {
    transform: scale(1.2);
}
.seed-slider__thumb:is(:focus, [data-focus]) {
    outline: none;
}
.seed-slider__thumb:is(:focus-visible, [data-focus-visible])::after {
    outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
    outline-offset: var(--seed-dimension-x0_5);
}
.seed-slider__markers {
    position: relative;
    height: var(--seed-line-height-t3);
}
.seed-slider__valueIndicatorRoot {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    transition: left var(--seed-duration-d3) var(--seed-timing-function-easing), right var(--seed-duration-d3) var(--seed-timing-function-easing);
    will-change: left, right;
    background: var(--seed-color-bg-neutral-inverted);
    padding-left: var(--seed-dimension-x2);
    padding-right: var(--seed-dimension-x2);
    padding-top: var(--seed-dimension-x1);
    padding-bottom: var(--seed-dimension-x1);
    border-radius: var(--seed-radius-r1_5);
    color: var(--seed-color-fg-neutral-inverted);
    font-size: var(--seed-font-size-t3);
    line-height: var(--seed-line-height-t3);
    font-weight: var(--seed-font-weight-medium);
    white-space: pre-wrap;
    text-align: center;
    width: max-content;
    min-width: calc(var(--seed-dimension-x2) * 2 + var(--seed-dimension-x2));
}
.seed-slider__valueIndicatorRoot[data-dir='ltr'] {
    left: calc(var(--indicator-label-position) * 1% + var(--indicator-label-offset));
    transform: translate(-50%, calc(-100% - var(--seed-dimension-x5) / 2 - var(--seed-dimension-x3)));
}
.seed-slider__valueIndicatorRoot[data-dir='rtl'] {
    right: calc(var(--indicator-label-position) * 1% + var(--indicator-label-offset));
    transform: translate(50%, calc(-100% - var(--seed-dimension-x5) / 2 - var(--seed-dimension-x3)));
}
.seed-slider__valueIndicatorRoot[data-value-indicator-shown][data-dir='ltr'] {
    animation: seed-enter;
    animation-timing-function: var(--seed-timing-function-enter);
    animation-duration: var(--seed-duration-d4);
    --seed-enter-translate-x: -50%;
    --seed-enter-translate-y: calc(-100% - var(--seed-dimension-x5) / 2 - 0.3125rem);
    --seed-enter-opacity: 0;
    --seed-enter-scale: 0.9;
}
.seed-slider__valueIndicatorRoot[data-value-indicator-shown][data-dir='rtl'] {
    animation: seed-enter;
    animation-timing-function: var(--seed-timing-function-enter);
    animation-duration: var(--seed-duration-d4);
    --seed-enter-translate-x: 50%;
    --seed-enter-translate-y: calc(-100% - var(--seed-dimension-x5) / 2 - 0.3125rem);
    --seed-enter-opacity: 0;
    --seed-enter-scale: 0.9;
}
.seed-slider__valueIndicatorRoot:not([data-value-indicator-shown])[data-dir='ltr'] {
    animation: seed-exit;
    animation-timing-function: var(--seed-timing-function-easing);
    animation-duration: var(--seed-duration-d4);
    animation-fill-mode: forwards;
    --seed-exit-translate-x: -50%;
    --seed-exit-translate-y: calc(-100% - var(--seed-dimension-x5) / 2 - 0.3125rem);
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.seed-slider__valueIndicatorRoot:not([data-value-indicator-shown])[data-dir='rtl'] {
    animation: seed-exit;
    animation-timing-function: var(--seed-timing-function-easing);
    animation-duration: var(--seed-duration-d4);
    animation-fill-mode: forwards;
    --seed-exit-translate-x: 50%;
    --seed-exit-translate-y: calc(-100% - var(--seed-dimension-x5) / 2 - 0.3125rem);
    --seed-exit-opacity: 0;
    --seed-exit-scale: 1;
}
.seed-slider__valueIndicatorRoot[data-dragging] {
    transition: none;
}
.seed-slider__valueIndicatorRoot:not([data-value-indicator-shown]):not([data-indicator-ever-shown]) {
    animation-duration: 0s;
}
.seed-slider__valueIndicatorArrow {
    width: var(--seed-dimension-x2);
    height: var(--seed-dimension-x2);
    position: absolute;
    top: 100%;
    transition: left var(--seed-duration-d3) var(--seed-timing-function-easing), right var(--seed-duration-d3) var(--seed-timing-function-easing);
    will-change: left, right;
}
.seed-slider__valueIndicatorArrow[data-dir='ltr'] {
    left: calc(50% + (var(--thumb-offset) - var(--indicator-label-offset)));
    transform: translateX(-50%);
}
.seed-slider__valueIndicatorArrow[data-dir='rtl'] {
    right: calc(50% + (var(--thumb-offset) - var(--indicator-label-offset)));
    transform: translateX(50%);
}
.seed-slider__valueIndicatorArrow[data-dragging] {
    transition: none;
}
.seed-slider__valueIndicatorArrowTip {
    display: block;
    fill: var(--seed-color-bg-neutral-inverted);
    width: var(--seed-dimension-x2);
    height: var(--seed-dimension-x1_5);
}