/*!
 * Copyright 2024 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-Slider.spectrum-Slider--sizeL,
.spectrum-Slider.spectrum-Slider--sizeXL {
	--spectrum-slider-handle-border-radius: calc(var(--spectrum-corner-radius-500) * 4);
}
.spectrum-Slider,
.spectrum-Slider.spectrum-Slider--sizeM,
.spectrum-Slider.spectrum-Slider--sizeS {
	--spectrum-slider-handle-border-radius: var(--spectrum-corner-radius-500);
}
.spectrum-Slider {
	--spectrum-slider-track-color: var(--spectrum-gray-200);
	--spectrum-slider-track-fill-color: var(--spectrum-gray-700);
	--spectrum-slider-ramp-track-color: var(--spectrum-gray-400);
	--spectrum-slider-ramp-track-color-disabled: var(--spectrum-gray-100);
	--spectrum-slider-handle-background-color: transparent;
	--spectrum-slider-handle-background-color-disabled: transparent;
	--spectrum-slider-ramp-handle-background-color: var(--spectrum-gray-75);
	--spectrum-slider-ticks-handle-background-color: var(--spectrum-gray-75);
	--spectrum-slider-handle-border-color: var(--spectrum-gray-700);
	--spectrum-slider-handle-disabled-background-color: var(--spectrum-gray-75);
	--spectrum-slider-tick-mark-color: var(--spectrum-gray-200);
	--spectrum-slider-handle-border-color-hover: var(--spectrum-gray-800);
	--spectrum-slider-handle-border-color-down: var(--spectrum-gray-800);
	--spectrum-slider-handle-border-color-key-focus: var(--spectrum-gray-800);
	--spectrum-slider-handle-focus-ring-color-key-focus: var(--spectrum-focus-indicator-color);
	--spectrum-slider-track-corner-radius: 2px;
	--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-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;
	--spectrum-slider-cjk-line-height: var(--spectrum-cjk-line-height-100);
	--spectrum-slider-min-size: var(--spectrum-spacing-900);
	--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) + 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-tick-label-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;
	position: relative;
	z-index: 0;
	display: block;
	min-inline-size: var(--mod-slider-min-size, var(--spectrum-slider-min-size));
	-webkit-user-select: none;
	user-select: none;
}
.spectrum-Slider:dir(rtl),
[dir="rtl"] .spectrum-Slider {
	--spectrum-logical-rotation: matrix(-1, 0, 0, 1, 0, 0);
}
.spectrum-Slider:not(.spectrum-Slider--sideLabel) .spectrum-Slider-labelContainer + .spectrum-Slider-controls:has(.spectrum-Slider-ramp) {
	margin-block-start: calc(var(--mod-slider-ramp-track-height, var(--spectrum-slider-ramp-track-height)) / 2);
}
.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-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-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-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--sideLabel {
	display: flex;
	align-items: center;
}
.spectrum-Slider--sideLabel .spectrum-Slider-labelContainer {
	margin-block-start: 0;
}
.spectrum-Slider--sideLabel .spectrum-Slider-labelContainer .spectrum-Slider-label {
	margin-inline-end: var(--mod-slider-value-side-padding-inline, var(--spectrum-slider-value-side-padding-inline));
}
.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% - 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-controls:not(:has(.spectrum-Slider-ticks)) {
	display: flex;
	align-items: center;
}
.spectrum-Slider-labelContainer + .spectrum-Slider-controls {
	margin-block-start: calc(var(--spectrum-slider-control-to-field-label) * -1);
}
.spectrum-Slider--tick {
	margin-block-end: var(--mod-slider-control-height, var(--spectrum-slider-control-height));
}
.spectrum-Slider-fill,
.spectrum-Slider-track {
	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-fill:before,
.spectrum-Slider-track: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 {
	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.is-dragged,
.spectrum-Slider-handle:active {
	border-width: var(--mod-slider-handle-border-width-down, var(--spectrum-slider-handle-border-width-down));
}
.spectrum-Slider-handle.is-dragged,
.spectrum-Slider-handle.is-focused,
.spectrum-Slider-handle.is-tophandle,
.spectrum-Slider-handle: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%);
}
.spectrum-Slider:dir(rtl) .spectrum-Slider-handle:before,
[dir="rtl"] .spectrum-Slider .spectrum-Slider-handle:before {
	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;
	cursor: default;
	appearance: none;
	border: 0;
	pointer-events: none;
}
.spectrum-Slider-input:focus {
	outline: none;
}
.spectrum-Slider-labelContainer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	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(ko),
.spectrum-Slider-labelContainer:lang(zh) {
	line-height: var(--mod-slider-cjk-line-height, var(--spectrum-slider-cjk-line-height));
}
.spectrum-Slider-label {
	padding-inline-start: 0;
	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;
	margin-inline-start: var(--mod-slider-label-margin-start, var(--spectrum-slider-label-margin-start));
}
.spectrum-Slider--tick .spectrum-Slider-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;
	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,
.spectrum-Slider-tick:after {
	inline-size: var(--mod-slider-tick-mark-width, var(--spectrum-slider-tick-mark-width));
}
.spectrum-Slider-tick:after {
	display: block;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: calc(50% - var(--mod-slider-tick-mark-width, var(--spectrum-slider-tick-mark-width)) / 2);
	content: "";
	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));
	color: var(--highcontrast-slider-label-text-color, var(--mod-slider-tick-label-color, var(--spectrum-slider-tick-label-color)));
}
.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 ~ .spectrum-Slider-track: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: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,
.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.is-dragged,
.spectrum-Slider-handle: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, :last-of-type):before {
	background: var(--highcontrast-slider-filled-track-fill-color, var(--mod-slider-track-fill-color, var(--spectrum-slider-track-fill-color)));
	border-start-end-radius: 0;
	border-end-end-radius: 0;
}
.spectrum-Slider.is-disabled,
.spectrum-Slider.is-disabled .spectrum-Slider-controls {
	cursor: default;
}
.spectrum-Slider.is-disabled .spectrum-Slider-labelContainer,
.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-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 {
	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 {
		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 {
		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-fill:before,
.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-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, :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-disabled: GrayText;
		--highcontrast-slider-track-color-static: ButtonText;
		--highcontrast-slider-track-fill-color-disabled: GrayText;
		--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-tick-mark-color-disabled: GrayText;
		--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-border-color-disabled: GrayText;
		--highcontrast-slider-handle-focus-ring-color-key-focus: CanvasText;
		--highcontrast-slider-handle-background-color: ButtonFace;
		--highcontrast-slider-handle-background-color-disabled: GrayText;
		--highcontrast-slider-handle-disabled-background-color: GrayText;
		--highcontrast-slider-ramp-handle-border-color-active: ButtonFace;
		--highcontrast-slider-ramp-handle-background-color: ButtonFace;
		--highcontrast-slider-label-text-color: CanvasText;
		--highcontrast-slider-label-text-color-disabled: GrayText;
	}
	.spectrum-Slider .spectrum-Slider-handle.is-focused:before,
	.spectrum-Slider.spectrum-Slider--ramp .spectrum-Slider-handle {
		forced-color-adjust: none;
	}
	.spectrum-Slider:not(.is-disabled, .spectrum-Slider--filled, .spectrum-Slider--range) .spectrum-Slider-controls.is-focused,
	.spectrum-Slider:not(.is-disabled, .spectrum-Slider--filled, .spectrum-Slider--range) .spectrum-Slider-controls:active,
	.spectrum-Slider:not(.is-disabled, .spectrum-Slider--filled, .spectrum-Slider--range) .spectrum-Slider-controls:focus-within {
		--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, .spectrum-Slider--filled, .spectrum-Slider--range) .spectrum-Slider-controls:hover {
			--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;
	}
}