/*!
Copyright 2023 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/

.spectrum{
  --system-spectrum-slider-track-color:var(--spectrum-gray-300);
  --system-spectrum-slider-track-fill-color:var(--spectrum-gray-700);
  --system-spectrum-slider-ramp-track-color:var(--spectrum-gray-400);
  --system-spectrum-slider-ramp-track-color-disabled:var(--spectrum-gray-200);
  --system-spectrum-slider-handle-background-color:transparent;
  --system-spectrum-slider-handle-background-color-disabled:transparent;
  --system-spectrum-slider-ramp-handle-background-color:var(--spectrum-gray-100);
  --system-spectrum-slider-ticks-handle-background-color:var(--spectrum-gray-100);
  --system-spectrum-slider-handle-border-color:var(--spectrum-gray-700);
  --system-spectrum-slider-handle-disabled-background-color:var(--spectrum-gray-100);
  --system-spectrum-slider-tick-mark-color:var(--spectrum-gray-300);
  --system-spectrum-slider-handle-border-color-hover:var(--spectrum-gray-800);
  --system-spectrum-slider-handle-border-color-down:var(--spectrum-gray-800);
  --system-spectrum-slider-handle-border-color-key-focus:var(--spectrum-gray-800);
  --system-spectrum-slider-handle-focus-ring-color-key-focus:var(--spectrum-focus-indicator-color);
}

.spectrum--express{
  --system-spectrum-slider-track-color:var(--spectrum-gray-200);
  --system-spectrum-slider-track-fill-color:var(--spectrum-gray-600);
  --system-spectrum-slider-ramp-track-color:var(--spectrum-gray-300);
  --system-spectrum-slider-ramp-track-color-disabled:var(--spectrum-gray-200);
  --system-spectrum-slider-handle-background-color:var(--spectrum-gray-50);
  --system-spectrum-slider-handle-background-color-disabled:var(--spectrum-gray-50);
  --system-spectrum-slider-ramp-handle-background-color:var(--spectrum-gray-50);
  --system-spectrum-slider-ticks-handle-background-color:var(--spectrum-gray-50);
  --system-spectrum-slider-handle-border-color:var(--spectrum-gray-800);
  --system-spectrum-slider-handle-disabled-background-color:var(--spectrum-gray-50);
  --system-spectrum-slider-tick-mark-color:var(--spectrum-gray-200);
  --system-spectrum-slider-handle-border-color-hover:var(--spectrum-gray-900);
  --system-spectrum-slider-handle-border-color-down:var(--spectrum-gray-900);
  --system-spectrum-slider-handle-border-color-key-focus:var(--spectrum-gray-900);
  --system-spectrum-slider-handle-focus-ring-color-key-focus:var(--spectrum-focus-indicator-color);
}

.spectrum-Slider{
  --spectrum-slider-font-size:var(--spectrum-font-size-75);
  --spectrum-slider-handle-size:var(--spectrum-slider-handle-size-medium);
  --spectrum-slider-control-height:var(--spectrum-component-height-100);
  --spectrum-slider-handle-border-radius:var(--spectrum-corner-radius-200);
  --spectrum-slider-handle-border-width-down:var(--spectrum-slider-handle-border-width-down-medium);
  --spectrum-slider-label-top-to-text:var(--spectrum-component-top-to-text-75);
  --spectrum-slider-control-to-field-label:var(--spectrum-slider-control-to-field-label-medium);
  --spectrum-slider-value-side-padding-inline:var(--spectrum-spacing-200);
  --spectrum-slider-value-inline-size:18px;
}

[dir="rtl"] .spectrum-Slider,[dir="rtl"]  .spectrum-Slider{
		--spectrum-logical-rotation:matrix(-1, 0, 0, 1, 0, 0);
	}

.spectrum-Slider:dir(rtl), .spectrum-Slider:dir(rtl){
		--spectrum-logical-rotation:matrix(-1, 0, 0, 1, 0, 0);
	}

.spectrum-Slider--sizeS{
  --spectrum-slider-font-size:var(--spectrum-font-size-75);
  --spectrum-slider-handle-size:var(--spectrum-slider-handle-size-small);
  --spectrum-slider-control-height:var(--spectrum-component-height-75);
  --spectrum-slider-handle-border-radius:var(--spectrum-corner-radius-200);
  --spectrum-slider-handle-border-width-down:var(--spectrum-slider-handle-border-width-down-small);
  --spectrum-slider-label-top-to-text:var(--spectrum-component-top-to-text-75);
  --spectrum-slider-control-to-field-label:var(--spectrum-slider-control-to-field-label-small);
  --spectrum-slider-value-side-padding-inline:var(--spectrum-spacing-100);
}

.spectrum-Slider--sizeL{
  --spectrum-slider-font-size:var(--spectrum-font-size-100);
  --spectrum-slider-handle-size:var(--spectrum-slider-handle-size-large);
  --spectrum-slider-control-height:var(--spectrum-component-height-200);
  --spectrum-slider-handle-border-radius:calc(var(--spectrum-corner-radius-200) * 4);
  --spectrum-slider-handle-border-width-down:var(--spectrum-slider-handle-border-width-down-large);
  --spectrum-slider-label-top-to-text:var(--spectrum-component-top-to-text-100);
  --spectrum-slider-control-to-field-label:var(--spectrum-slider-control-to-field-label-large);
  --spectrum-slider-value-side-padding-inline:var(--spectrum-spacing-200);
  --spectrum-slider-value-inline-size:18px;
}

.spectrum-Slider--sizeXL{
  --spectrum-slider-font-size:var(--spectrum-font-size-200);
  --spectrum-slider-handle-size:var(--spectrum-slider-handle-size-extra-large);
  --spectrum-slider-control-height:var(--spectrum-component-height-300);
  --spectrum-slider-handle-border-radius:calc(var(--spectrum-corner-radius-200) * 4);
  --spectrum-slider-handle-border-width-down:var(--spectrum-slider-handle-border-width-down-extra-large);
  --spectrum-slider-label-top-to-text:var(--spectrum-component-top-to-text-200);
  --spectrum-slider-control-to-field-label:var(--spectrum-slider-control-to-field-label-extra-large);
  --spectrum-slider-value-side-padding-inline:var(--spectrum-spacing-200);
  --spectrum-slider-value-inline-size:22px;
}

.spectrum-Slider{
  --spectrum-slider-cjk-line-height:var(--spectrum-cjk-line-height-100);

  --spectrum-slider-min-size:var(--spectrum-spacing-900);

  --spectrum-slider-track-corner-radius:var(--spectrum-corner-radius-75);
  --spectrum-slider-label-margin-start:var(--spectrum-spacing-300);
  --spectrum-slider-handle-border-width:var(--spectrum-border-width-200);
  --spectrum-slider-handle-margin-left:calc(var(--spectrum-slider-handle-size) / -2);
  --spectrum-slider-controls-margin:calc(var(--spectrum-slider-handle-size) / 2);
  --spectrum-slider-track-margin-offset:calc(var(--spectrum-slider-controls-margin) * -1);
  --spectrum-slider-track-middle-handleoffset:calc(var(--spectrum-slider-handle-gap) + calc(var(--spectrum-slider-handle-size) / 2));
  --spectrum-slider-input-top-size:calc(var(--spectrum-slider-handle-size) / -2 / 4);
  --spectrum-slider-track-fill-thickness:var(--spectrum-slider-track-thickness);
  --spectrum-slider-tick-mark-width:var(--spectrum-border-width-200);
  --spectrum-slider-tick-mark-border-radius:2px;
  --spectrum-slider-tick-handle-background-color:var(--spectrum-gray-100);
  --spectrum-slider-track-color-disabled:var(--spectrum-disabled-background-color);
  --spectrum-slider-track-fill-color-disabled:var(--spectrum-disabled-background-color);
  --spectrum-slider-handle-border-color-disabled:var(--spectrum-disabled-border-color);
  --spectrum-slider-label-text-color:var(--spectrum-neutral-content-color-default);
  --spectrum-slider-label-text-color-disabled:var(--spectrum-disabled-content-color);
  --spectrum-slider-tick-mark-color-disabled:var(--spectrum-disabled-background-color);
  --spectrum-slider-ramp-handle-border-color-active:var(--spectrum-gray-100);
  --spectrum-slider-input-left:calc(var(--spectrum-slider-handle-margin-left) / 4);
  --spectrum-slider-track-handleoffset:var(--spectrum-slider-handle-gap);

  --spectrum-slider-range-track-reset:0;
}

.spectrum-Slider{
  position:relative;
  z-index:1;
  display:block;
  min-inline-size:var(--mod-slider-min-size, var(--spectrum-slider-min-size));

  -webkit-user-select:none;

          user-select:none;
}

.spectrum-Slider--sideLabel{
  display:flex;
  align-items:center;
}

.spectrum-Slider--sideLabel .spectrum-Slider-labelContainer{
    margin-block-start:0;
  }

.spectrum-Slider--sideLabel .spectrum-Slider-labelContainer + .spectrum-Slider-controls{
    margin-block-start:0;
  }

.spectrum-Slider--sideLabel .spectrum-Slider-controls{
    margin-inline-end:var(--mod-slider-controls-margin, var(--spectrum-slider-controls-margin));
  }

.spectrum-Slider--sideLabel .spectrum-Slider-value{
    margin-inline-start:var(--mod-slider-value-side-padding-inline, var(--spectrum-slider-value-side-padding-inline));
    inline-size:var(--mod-slider-value-inline-size, var(--spectrum-slider-value-inline-size));
    text-align:start;
  }

.spectrum-Slider-controls{
  display:inline-block;
  box-sizing:border-box;
  cursor:pointer;
  position:relative;
  z-index:auto;
  inline-size:calc(100% - calc(var(--mod-slider-controls-margin, var(--spectrum-slider-controls-margin))) * 2);
  margin-inline-start:var(--mod-slider-controls-margin, var(--spectrum-slider-controls-margin));

  block-size:var(--mod-slider-control-height, var(--spectrum-slider-control-height));
  vertical-align:top;
}

.spectrum-Slider-labelContainer + .spectrum-Slider-controls{
  margin-block-start:calc(-1 * var(--spectrum-slider-control-to-field-label));
}

.spectrum-Slider--tick{
  margin-block-end:var(--mod-slider-control-height, var(--spectrum-slider-control-height));
}

.spectrum-Slider-track, .spectrum-Slider-fill{
  block-size:var(--mod-slider-track-fill-thickness, var(--spectrum-slider-track-fill-thickness));
  box-sizing:border-box;

  position:absolute;
  z-index:1;
  inset-block-start:calc(var(--mod-slider-control-height, var(--spectrum-slider-control-height)) / 2 - var(--mod-slider-track-fill-thickness, var(--spectrum-slider-track-fill-thickness)) / 2);
  inset-inline-start:0;
  inset-inline-end:auto;
  pointer-events:none;

  padding-block:0;
  padding-inline-start:0;
  padding-inline-end:var(--mod-slider-handle-gap, var(--spectrum-slider-handle-gap));
  margin-inline-start:var(--mod-slider-track-margin-offset, var(--spectrum-slider-track-margin-offset));
}

.spectrum-Slider-track::before, .spectrum-Slider-fill::before{
    content:"";
    display:block;
    block-size:100%;
    border-start-start-radius:0;
    border-end-start-radius:0;
    border-start-end-radius:0;
    border-end-end-radius:0;
  }

.spectrum-Slider-track:first-of-type::before{
      border-start-start-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
      border-end-start-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
    }

.spectrum-Slider-track:last-of-type::before{
      border-start-end-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
      border-end-end-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
    }

.spectrum-Slider-track ~ .spectrum-Slider-track{
  inset-inline-start:auto;
  inset-inline-end:var(--mod-slider-range-track-reset, var(--spectrum-slider-range-track-reset));
  padding-block:0;
  padding-inline-start:var(--mod-slider-track-handleoffset, var(--spectrum-slider-track-handleoffset));
  padding-inline-end:0;
  margin-inline-start:var(--mod-slider-range-track-reset, var(--spectrum-slider-range-track-reset));
  margin-inline-end:var(--mod-slider-track-margin-offset, var(--spectrum-slider-track-margin-offset));
}

.spectrum-Slider--range .spectrum-Slider-track ~ .spectrum-Slider-track{
    padding-inline:var(--mod-slider-track-middle-handleoffset, var(--spectrum-slider-track-middle-handleoffset)) var(--mod-slider-track-middle-handleoffset, var(--spectrum-slider-track-middle-handleoffset));
    inset-inline:auto;
    margin-inline:var(--mod-slider-range-track-reset, var(--spectrum-slider-range-track-reset));
  }

.spectrum-Slider-fill{
  margin-inline-start:0;
  padding-block:0;
  padding-inline-start:calc(var(--mod-slider-controls-margin, var(--spectrum-slider-controls-margin)) + var(--spectrum-slider-handle-gap, var(--spectrum-slider-handle-gap)));
  padding-inline-end:0;
}

.spectrum-Slider-fill--right{
  padding-block:0;
  padding-inline-start:0;
  padding-inline-end:calc(var(--mod-slider-controls-margin, var(--spectrum-slider-controls-margin)) + var(--spectrum-slider-handle-gap, var(--spectrum-slider-handle-gap)));
}

.spectrum-Slider--range .spectrum-Slider-value{
    -webkit-user-select:text;
            user-select:text;
  }

.spectrum-Slider--range .spectrum-Slider-track:first-of-type{
      padding-inline-start:0;
      padding-inline-end:var(--mod-slider-track-handleoffset, var(--spectrum-slider-track-handleoffset));
      inset-inline-start:var(--mod-slider-range-track-reset, var(--spectrum-slider-range-track-reset));
      inset-inline-end:auto;
      margin-inline-start:var(--mod-slider-track-margin-offset, var(--spectrum-slider-track-margin-offset));
    }

.spectrum-Slider--range .spectrum-Slider-track:first-of-type::before{
      border-start-start-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
      border-end-start-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
    }

.spectrum-Slider--range .spectrum-Slider-track:last-of-type{
      padding-inline-start:var(--spectrum-slider-track-handleoffset);
      padding-inline-end:0;
      inset-inline-start:auto;
      inset-inline-end:var(--mod-slider-range-track-reset, var(--spectrum-slider-range-track-reset));
      margin-inline-end:var(--mod-slider-track-margin-offset, var(--spectrum-slider-track-margin-offset));
    }

.spectrum-Slider--range .spectrum-Slider-track:last-of-type::before{
      border-start-end-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
      border-end-end-radius:var(--mod-slider-track-corner-radius, var(--spectrum-slider-track-corner-radius));
    }

.spectrum-Slider-ramp{
  margin-block-start:calc(var(--mod-slider-ramp-track-height, var(--spectrum-slider-ramp-track-height)) / 2);
  block-size:var(--mod-slider-ramp-track-height, var(--spectrum-slider-ramp-track-height));

  position:absolute;
  inset-inline-start:var(--spectrum-slider-track-margin-offset, var(--spectrum-slider-track-margin-offset));
  inset-inline-end:var(--spectrum-slider-track-margin-offset, var(--spectrum-slider-track-margin-offset));
}

.spectrum-Slider-ramp svg{
    inline-size:100%;
    block-size:100%;
    transform:var(--spectrum-logical-rotation);
  }

.spectrum-Slider-handle{
  position:absolute;
  inset-inline-start:0;
  z-index:2;
  display:inline-block;
  box-sizing:border-box;

  inline-size:var(--mod-slider-handle-size, var(--spectrum-slider-handle-size));
  block-size:var(--mod-slider-handle-size, var(--spectrum-slider-handle-size));

  inset-block-start:calc(
    var(--mod-slider-control-height, var(--spectrum-slider-control-height)) / 2 - var(--mod-slider-handle-size, var(--spectrum-slider-handle-size)) / 2
  );
  margin-block:0;
  margin-inline:calc(var(--mod-slider-handle-size, var(--spectrum-slider-handle-size)) / -2) 0;
  border-width:var(--mod-slider-handle-border-width, var(--spectrum-slider-handle-border-width));
  border-style:solid;

  border-radius:var(--mod-slider-handle-border-radius, var(--spectrum-slider-handle-border-radius));

  transition:border-width var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-in-out;

  outline:none;
}

.spectrum-Slider-handle:active, .spectrum-Slider-handle.is-dragged,
.spectrum-Slider-handle.is-active{
    border-width:var(--mod-slider-handle-border-width-down, var(--spectrum-slider-handle-border-width-down));
  }

.spectrum-Slider-handle:active, .spectrum-Slider-handle.is-focused, .spectrum-Slider-handle.is-dragged, .spectrum-Slider-handle.is-tophandle,
.spectrum-Slider-handle.is-active{
    z-index:3;
  }

.spectrum-Slider-handle::before{
    content:"";
    display:block;
    position:absolute;
    inset-inline-start:50%;
    inset-block-start:50%;

    transition:box-shadow var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out, inline-size var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out, block-size var(--mod-animation-duration-100, var(--spectrum-animation-duration-100)) ease-out;

    inline-size:var(--mod-slider-handle-size, var(--spectrum-slider-handle-size));
    block-size:var(--mod-slider-handle-size, var(--spectrum-slider-handle-size));
    border-radius:100%;

    transform:translate(-50%, -50%);
  }

[dir="rtl"] .spectrum-Slider-handle::before{
      transform:translate(50%, -50%);
    }

.spectrum-Slider-handle::before:dir(rtl){
      transform:translate(50%, -50%);
    }

.spectrum-Slider-handle.is-focused::before{
      inline-size:calc(var(--mod-slider-handle-size, var(--spectrum-slider-handle-size)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * 2);
      block-size:calc(var(--mod-slider-handle-size, var(--spectrum-slider-handle-size)) + var(--mod-focus-indicator-gap, var(--spectrum-focus-indicator-gap)) * 2);
    }

.spectrum-Slider-input{
  margin:0;

  inline-size:var(--mod-slider-handle-size, var(--spectrum-slider-handle-size));
  block-size:var(--mod-slider-handle-size, var(--spectrum-slider-handle-size));
  padding:0;
  position:absolute;

  inset-block-start:var(--mod-slider-input-top-size, var(--spectrum-slider-input-top-size));
  inset-inline-start:var(--mod-slider-input-left, var(--spectrum-slider-input-left));
  overflow:hidden;
  opacity:0.000001;
  cursor:default;
  appearance:none;
  border:0;
  pointer-events:none;
}

.spectrum-Slider-input:focus{
    outline:none;
  }

.spectrum-Slider-labelContainer{
  display:flex;
  align-items:center;
  position:relative;
  inline-size:auto;

  font-size:var(--mod-slider-font-size, var(--spectrum-slider-font-size));
  line-height:var(--mod-line-height-100, var(--spectrum-line-height-100));

  margin-block-start:var(--mod-slider-label-top-to-text, var(--spectrum-slider-label-top-to-text));
}

.spectrum-Slider-labelContainer:lang(ja), .spectrum-Slider-labelContainer:lang(zh), .spectrum-Slider-labelContainer:lang(ko){
    line-height:var(--mod-slider-cjk-line-height, var(--spectrum-slider-cjk-line-height));
  }

.spectrum-Slider-label{
  padding-inline-start:0;
  flex-grow:1;
  font-size:var(--mod-slider-font-size, var(--spectrum-slider-font-size));
}

.spectrum-Slider-value{
  flex-grow:0;
  padding-inline-end:0;
  cursor:default;
  font-feature-settings:"tnum";
  text-align:end;
}

.spectrum-Slider-value{
  margin-inline-start:var(--mod-slider-label-margin-start, var(--spectrum-slider-label-margin-start));
}

.spectrum-Slider--tick .spectrum-Slider-handle{
    background-color:var(--highcontrast-slider-tick-handle-background-color, var(--mod-slider-tick-handle-background-color, var(--spectrum-slider-tick-handle-background-color)));
  }

.spectrum-Slider--tick .spectrum-Slider-controls{
    margin-block-start:calc(
        var(--spectrum-text-to-visual-75)
        - var(--mod-slider-tick-mark-height, var(--spectrum-slider-tick-mark-height)) / 2
        - var(--mod-slider-track-thickness, var(--spectrum-slider-track-thickness)) / 2
      );
  }

.spectrum-Slider--tick .spectrum-Slider-tickLabel{
    margin-block-start:calc(
        var(--mod-slider-tick-mark-height, var(--spectrum-slider-tick-mark-height)) + var(--spectrum-text-to-visual-75)
      );
  }

.spectrum-Slider-ticks{
  display:flex;
  justify-content:space-between;

  z-index:0;

  margin-inline:var(--mod-slider-track-margin-offset, var(--spectrum-slider-track-margin-offset));
}

.spectrum-Slider-ticks~.spectrum-Slider-handleContainer .spectrum-Slider-handle{
      background:var(--mod-slider-ticks-handle-background-color, var(--spectrum-slider-ticks-handle-background-color));
    }

.spectrum-Slider-tick{
  position:relative;

  inline-size:var(--mod-slider-tick-mark-width, var(--spectrum-slider-tick-mark-width));
  inset-block-start:calc(var(--mod-slider-track-thickness, var(--spectrum-slider-control-height)) / 2 -
    var(--mod-slider-tick-mark-height, var(--spectrum-slider-tick-mark-height)) / 2
    );
}

.spectrum-Slider-tick::after{
    display:block;
    position:absolute;
    inset-block-start:0;
    inset-inline-start:calc(50% - calc(var(--mod-slider-tick-mark-width, var(--spectrum-slider-tick-mark-width)) / 2));
    content:"";
    inline-size:var(--mod-slider-tick-mark-width, var(--spectrum-slider-tick-mark-width));
    block-size:var(--mod-slider-tick-mark-height, var(--spectrum-slider-tick-mark-height));

    border-radius:var(--mod-slider-tick-mark-border-radius, var(--spectrum-slider-tick-mark-border-radius));
  }

.spectrum-Slider-tick .spectrum-Slider-tickLabel{
    display:flex;
    align-items:center;
    justify-content:center;


    font-size:var(--mod-font-size-75, var(--spectrum-font-size-75));
    line-height:var(--mod-line-height-100, var(--spectrum-line-height-100));
  }

.spectrum-Slider-tick:first-of-type .spectrum-Slider-tickLabel, .spectrum-Slider-tick:last-of-type .spectrum-Slider-tickLabel{
      display:block;
      position:absolute;
      margin-inline:0;
    }

.spectrum-Slider-tick:first-of-type{
    inset-inline-start:calc(var(--mod-slider-tick-mark-width, var(--spectrum-slider-tick-mark-width)) / -2);
  }

.spectrum-Slider-tick:first-of-type .spectrum-Slider-tickLabel{
      inset-inline-start:0;
    }

.spectrum-Slider-tick:last-of-type{
    inset-inline-end:calc(var(--mod-slider-tick-mark-width, var(--spectrum-slider-tick-mark-width)) / -2);
  }

.spectrum-Slider-tick:last-of-type .spectrum-Slider-tickLabel{
      inset-inline-end:0;
    }

.spectrum-Slider-handleContainer, .spectrum-Slider-trackContainer{
  inline-size:calc(100% + var(--spectrum-slider-handle-size));

  position:absolute;
  inset-block-start:0;

  margin-inline-start:calc(var(--spectrum-slider-handle-size) / 2 * -1);
}

.spectrum-Slider-trackContainer{
  block-size:var(--mod-slider-control-height, var(--spectrum-slider-control-height));
  overflow:hidden;
}

.spectrum-Slider-track::before{
    background:var(--highcontrast-slider-track-color-static, var(--mod-slider-track-color, var(--spectrum-slider-track-color)));
  }

.spectrum-Slider-track:not(:has(~ .spectrum-Slider-fill))::before{
    background:var(--highcontrast-slider-track-color, var(--mod-slider-track-color, var(--spectrum-slider-track-color)));
  }

.spectrum-Slider-labelContainer{
  color:var(--highcontrast-slider-label-text-color, var(--mod-slider-label-text-color, var(--spectrum-slider-label-text-color)));
}

.spectrum-Slider--filled .spectrum-Slider-track:first-child::before{
      background:var(--highcontrast-slider-filled-track-fill-color, var(--mod-slider-track-fill-color, var(--spectrum-slider-track-fill-color)));
    }

.spectrum-Slider-fill::before{
    background:var(--highcontrast-slider-filled-track-fill-color, var(--mod-slider-track-fill-color, var(--spectrum-slider-track-fill-color)));
  }

.spectrum-Slider-ramp path{
    fill:var(--highcontrast-slider-ramp-track-color, var(--mod-slider-ramp-track-color, var(--spectrum-slider-ramp-track-color)));
  }

.spectrum-Slider-handle{
  border-color:var(--highcontrast-slider-handle-border-color, var(--mod-slider-handle-border-color, var(--spectrum-slider-handle-border-color)));
  background:var(--highcontrast-slider-handle-background-color, var(--mod-slider-handle-background-color, var(--spectrum-slider-handle-background-color)));
}

.spectrum-Slider-handle.is-focused{
    border-color:var(--highcontrast-slider-handle-border-color-key-focus, var(--mod-slider-handle-border-color-key-focus, var(--spectrum-slider-handle-border-color-key-focus)));
  }

.spectrum-Slider-handle.is-focused::before{
      box-shadow:0 0 0 var(--spectrum-focus-indicator-thickness) var(--highcontrast-slider-handle-focus-ring-color-key-focus, var(--mod-slider-handle-focus-ring-color-key-focus, var(--spectrum-slider-handle-focus-ring-color-key-focus)));
    }

.spectrum-Slider-handle:active, .spectrum-Slider-handle.is-dragged,
.spectrum-Slider-handle.is-active{
    border-color:var(--highcontrast-slider-handle-border-color-down, var(--mod-slider-handle-border-color-down, var(--spectrum-slider-handle-border-color-down)));
  }

.spectrum-Slider--ramp .spectrum-Slider-handle{
    box-shadow:0 0 0 var(--spectrum-slider-handle-gap) var(--highcontrast-slider-ramp-handle-border-color-active, var(--mod-sectrum-slider-ramp-handle-border-color-active, var(--spectrum-slider-ramp-handle-border-color-active)));
    background:var(--mod-slider-ramp-handle-background-color, var(--highcontrast-slider-ramp-handle-background-color, var(--spectrum-slider-ramp-handle-background-color)));
  }

.spectrum-Slider-input{
  background:transparent;
}

.spectrum-Slider-tick::after{
    background-color:var(--highcontrast-slider-tick-mark-color, var(--mod-slider-tick-mark-color, var(--spectrum-slider-tick-mark-color)));
  }

.spectrum-Slider-handle.is-dragged{
    border-color:var(--highcontrast-slider-handle-border-color-down, var(--mod-slider-handle-border-color-down, var(--spectrum-slider-handle-border-color-down)));
    background:var(--highcontrast-slider-handle-background-color, var(--mod-slider-handle-background-color, var(--spectrum-slider-handle-background-color)));
  }

.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type)::before{
      background:var(--highcontrast-slider-filled-track-fill-color, var(--mod-slider-track-fill-color, var(--spectrum-slider-track-fill-color)));
    }

.spectrum-Slider.is-disabled{
  cursor:default;
}

.spectrum-Slider.is-disabled .spectrum-Slider-controls{
    cursor:default;
  }

.spectrum-Slider.is-disabled .spectrum-Slider-tickLabel{
    color:var(--highcontrast-slider-label-text-color-disabled, var(--mod-slider-label-text-color-disabled, var(--spectrum-slider-label-text-color-disabled)));
  }

.spectrum-Slider.is-disabled .spectrum-Slider-labelContainer{
    color:var(--highcontrast-slider-label-text-color-disabled, var(--mod-slider-label-text-color-disabled, var(--spectrum-slider-label-text-color-disabled)));
  }

.spectrum-Slider.is-disabled .spectrum-Slider-handle{
    border-color:var(--highcontrast-slider-handle-border-color-disabled, var(--mod-slider-handle-border-color-disabled, var(--spectrum-slider-handle-border-color-disabled)));
    background:var(--highcontrast-slider-handle-disabled-background-color, var(--mod-slider-handle-disabled-background-color, var(--spectrum-slider-handle-disabled-background-color)));
    cursor:default;
    pointer-events:none;
  }

.spectrum-Slider.is-disabled .spectrum-Slider-handle:active,
.spectrum-Slider.is-disabled .spectrum-Slider-handle.is-active{
      border-color:var(--highcontrast-disabled-border-color, var(--mod-disabled-border-color, var(--spectrum-disabled-border-color)));
      background:var(--highcontrast-slider-handle-background-color-disabled, var(--mod-slider-handle-background-color-disabled, var(--spectrum-slider-handle-background-color-disabled)));
    }

@media (hover: hover){

.spectrum-Slider-handle:hover,
.spectrum-Slider-handle.is-hover{
    border-color:var(--highcontrast-slider-handle-border-color-hover, var(--mod-slider-handle-border-color-hover, var(--spectrum-slider-handle-border-color-hover)));
  }

.spectrum-Slider.is-disabled .spectrum-Slider-handle:hover,
.spectrum-Slider.is-disabled .spectrum-Slider-handle.is-hover{
      border-color:var(--highcontrast-disabled-border-color, var(--mod-disabled-border-color, var(--spectrum-disabled-border-color)));
      background:var(--highcontrast-slider-handle-background-color-disabled, var(--mod-slider-handle-background-color-disabled, var(--spectrum-slider-handle-background-color-disabled)));
    }
}

.spectrum-Slider.is-disabled .spectrum-Slider-track::before{
      background:var(--highcontrast-slider-track-color-disabled, var(--mod-slider-track-color-disabled, var(--spectrum-slider-track-color-disabled)));
    }

.spectrum-Slider.is-disabled.spectrum-Slider--filled .spectrum-Slider-track:first-child::before{
      background:var(--highcontrast-slider-track-fill-color-disabled, var(--mod-slider-track-fill-color-disabled, var(--spectrum-slider-track-fill-color-disabled)));
    }

.spectrum-Slider.is-disabled .spectrum-Slider-fill::before{
      background:var(--highcontrast-slider-track-fill-color-disabled, var(--mod-slider-track-fill-color-disabled, var(--spectrum-slider-track-fill-color-disabled)));
    }

.spectrum-Slider.is-disabled .spectrum-Slider-ramp path{
      fill:var(--highcontrast-slider-ramp-track-color-disabled, var(--mod-slider-ramp-track-color-disabled, var(--spectrum-slider-ramp-track-color-disabled)));
    }

.spectrum-Slider.is-disabled .spectrum-Slider-tick::after{
      background-color:var(--highcontrast-slider-tick-mark-color-disabled, var(--mod-slider-tick-mark-color-disabled, var(--spectrum-slider-tick-mark-color-disabled)));
    }

.spectrum-Slider.is-disabled.spectrum-Slider--range .spectrum-Slider-track:not(:first-of-type):not(:last-of-type)::before{
      background:var(--highcontrast-slider-track-color-disabled, var(--mod-slider-track-color-disabled, var(--spectrum-slider-track-color-disabled)));
    }

@media (forced-colors: active){
  .spectrum-Slider{
    --highcontrast-slider-track-color:ButtonText;
    --highcontrast-slider-track-color-static:ButtonText;
    --highcontrast-slider-track-fill-color:ButtonText;
    --highcontrast-slider-filled-track-fill-color:Highlight;
    --highcontrast-slider-ramp-track-color:ButtonText;
    --highcontrast-slider-ramp-track-color-disabled:GrayText;
    --highcontrast-slider-tick-mark-color:ButtonText;
    --highcontrast-slider-handle-border-color:ButtonText;
    --highcontrast-slider-handle-border-color-hover:Highlight;
    --highcontrast-slider-handle-border-color-down:Highlight;
    --highcontrast-slider-handle-border-color-key-focus:Highlight;
    --highcontrast-slider-handle-focus-ring-color-key-focus:CanvasText;
    --highcontrast-slider-handle-background-color:ButtonFace;
    --highcontrast-slider-ramp-handle-border-color-active:ButtonFace;
    --highcontrast-slider-ramp-handle-background-color:ButtonFace;

    --spectrum-slider-track-color:ButtonText;
    --spectrum-slider-track-fill-color:ButtonText;
    --spectrum-slider-ramp-track-color:ButtonText;
    --spectrum-slider-ramp-track-color-disabled:GrayText;

    --spectrum-slider-handle-background-color:ButtonFace;
    --spectrum-slider-handle-background-color-disabled:GrayText;
    --spectrum-slider-handle-border-color:ButtonText;
    --spectrum-slider-handle-disabled-background-color:GrayText;

    --spectrum-slider-tick-mark-color:ButtonText;
    --spectrum-slider-tick-mark-color-disabled:GrayText;

    --spectrum-slider-handle-border-color-hover:Highlight;
    --spectrum-slider-handle-border-color-down:Highlight;
    --spectrum-slider-handle-border-color-key-focus:Highlight;
    --spectrum-slider-handle-focus-ring-color-key-focus:Highlight;

    --spectrum-slider-track-color-disabled:GrayText;
    --spectrum-slider-track-fill-color-disabled:GrayText;

    --spectrum-slider-handle-border-color-disabled:GrayText;

    --spectrum-slider-label-text-color:CanvasText;
    --spectrum-slider-label-text-color-disabled:GrayText;

    --spectrum-slider-ramp-handle-border-color-active:ButtonText;
  }

    .spectrum-Slider .spectrum-Slider-handle.is-focused::before{
      forced-color-adjust:none;
    }

    .spectrum-Slider .spectrum-Slider--ramp .spectrum-Slider-handle{
      forced-color-adjust:none;
    }
      .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls:active,.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range).js-focus-within .spectrum-Slider-controls[focus-within],.js-focus-within .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls[focus-within],.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focused,.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active,.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focus-within,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active{
        --highcontrast-slider-track-fill-color:Highlight;
        --highcontrast-slider-track-color:Highlight;
        --highcontrast-slider-handle-border-color:Highlight;
        --highcontrast-slider-ramp-track-color:Highlight;
        --highcontrast-slider-tick-mark-color:Highlight;
      }
      .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls:active, .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range).js-focus-within .spectrum-Slider-controls[focus-within], .js-focus-within .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls[focus-within], .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focused, .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active, .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focus-within, .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active, .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focus-within,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active{
        --highcontrast-slider-track-fill-color:Highlight;
        --highcontrast-slider-track-color:Highlight;
        --highcontrast-slider-handle-border-color:Highlight;
        --highcontrast-slider-ramp-track-color:Highlight;
        --highcontrast-slider-tick-mark-color:Highlight;
      }
      .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls:active, .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls:focus-within, .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focused,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focus-within,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-active,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-focus-within{
        --highcontrast-slider-track-fill-color:Highlight;
        --highcontrast-slider-track-color:Highlight;
        --highcontrast-slider-handle-border-color:Highlight;
        --highcontrast-slider-ramp-track-color:Highlight;
        --highcontrast-slider-tick-mark-color:Highlight;
      }
      @media (hover: hover){
      .spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls:hover,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-hover,
.spectrum-Slider:not(.is-disabled):not(.spectrum-Slider--filled):not(.spectrum-Slider--range) .spectrum-Slider-controls.is-hover{
        --highcontrast-slider-track-fill-color:Highlight;
        --highcontrast-slider-track-color:Highlight;
        --highcontrast-slider-handle-border-color:Highlight;
        --highcontrast-slider-ramp-track-color:Highlight;
        --highcontrast-slider-tick-mark-color:Highlight;
      }
  }
      .spectrum-Slider.is-disabled .spectrum-Slider-ramp + .spectrum-Slider-handle{
        fill:ButtonFace;
        background-color:ButtonFace;
      }
}

.spectrum-Slider{
  --spectrum-slider-track-color:var(--system-spectrum-slider-track-color);
  --spectrum-slider-track-fill-color:var(--system-spectrum-slider-track-fill-color);
  --spectrum-slider-ramp-track-color:var(--system-spectrum-slider-ramp-track-color);
  --spectrum-slider-ramp-track-color-disabled:var(--system-spectrum-slider-ramp-track-color-disabled);
  --spectrum-slider-handle-background-color:var(--system-spectrum-slider-handle-background-color);
  --spectrum-slider-handle-background-color-disabled:var(--system-spectrum-slider-handle-background-color-disabled);
  --spectrum-slider-ramp-handle-background-color:var(--system-spectrum-slider-ramp-handle-background-color);
  --spectrum-slider-ticks-handle-background-color:var(--system-spectrum-slider-ticks-handle-background-color);
  --spectrum-slider-handle-border-color:var(--system-spectrum-slider-handle-border-color);
  --spectrum-slider-handle-disabled-background-color:var(--system-spectrum-slider-handle-disabled-background-color);
  --spectrum-slider-tick-mark-color:var(--system-spectrum-slider-tick-mark-color);
  --spectrum-slider-handle-border-color-hover:var(--system-spectrum-slider-handle-border-color-hover);
  --spectrum-slider-handle-border-color-down:var(--system-spectrum-slider-handle-border-color-down);
  --spectrum-slider-handle-border-color-key-focus:var(--system-spectrum-slider-handle-border-color-key-focus);
  --spectrum-slider-handle-focus-ring-color-key-focus:var(--system-spectrum-slider-handle-focus-ring-color-key-focus);
}
