.Polaris-RangeSlider-SingleThumb__RangeSlider_9f1ur { --pc-range-slider-input: 10; --pc-range-slider-output: 20; --pc-range-slider-track-height: 0.25rem; --pc-range-slider-thumb-size: 1rem; --pc-track-dashed-border-radius: var(--p-border-radius-1); }

.Polaris-RangeSlider-SingleThumb_5z868 { display: flex; align-items: center; }

.Polaris-RangeSlider-SingleThumb_5z868.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 { opacity: 0.8; }

.Polaris-RangeSlider-SingleThumb__InputWrapper_ayku3 { position: relative; display: flex; align-items: center; flex: 1 1 auto; height: var(--pc-range-slider-thumb-size); }

.Polaris-RangeSlider-SingleThumb__InputWrapper_ayku3 input { padding: var(--p-space-3) 0; background-color: transparent; cursor: pointer; }

.Polaris-RangeSlider-SingleThumb__InputWrapper_ayku3::after { content: ''; position: absolute; height: var(--pc-range-slider-track-height); width: 100%; background-image: linear-gradient(to right, var(--p-color-border), var(--p-color-border) 50%, transparent 50%, transparent 100%); background-size: var(--pc-range-slider-track-height) var(--pc-range-slider-track-height); border-radius: var(--pc-track-dashed-border-radius); border-right: var(--pc-track-dashed-border-radius) var(--p-color-border) solid; }

@media (max-width: 30.6225em) { .Polaris-RangeSlider-SingleThumb__InputWrapper_ayku3 { height: 2.75rem; } }

.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 input { cursor: not-allowed; }

.Polaris-RangeSlider-SingleThumb__Prefix_10fbz { flex: 0 0 auto; margin-right: var(--p-space-2); }

.Polaris-RangeSlider-SingleThumb__Suffix_10fbu { flex: 0 0 auto; margin-left: var(--p-space-2); }

.Polaris-RangeSlider-SingleThumb__Input_30ock { --pc-single-thumb-progress-lower: var(--p-color-bg-interactive); --pc-single-thumb-progress-upper: transparent; --pc-single-thumb-gradient-colors: var(--pc-single-thumb-progress-lower) 0%,
    var(--pc-single-thumb-progress-lower) var(--pc-range-slider-progress),
    var(--pc-single-thumb-progress-upper) var(--pc-range-slider-progress),
    var(--pc-single-thumb-progress-upper) 100%; position: relative; z-index: var(--pc-range-slider-input); flex: 1 1 auto; margin: 0; padding: 0; width: 100%; background-color: transparent; -webkit-appearance: none; appearance: none; }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-tooltip { display: none; }

.Polaris-RangeSlider-SingleThumb__Input_30ock:focus { outline: 0; }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-moz-focus-outer { border: 0; }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-track { outline: var(--p-border-width-1) solid transparent; cursor: pointer; width: 100%; height: var(--pc-range-slider-track-height); background-image: linear-gradient(to right, var(--pc-single-thumb-gradient-colors)); border: none; border-radius: var(--pc-range-slider-track-height); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-moz-range-track { cursor: pointer; width: 100%; height: var(--pc-range-slider-track-height); background-image: linear-gradient(to right, var(--pc-single-thumb-gradient-colors)); border: none; border-radius: var(--pc-range-slider-track-height); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-webkit-slider-runnable-track { cursor: pointer; width: 100%; height: var(--pc-range-slider-track-height); background-image: linear-gradient(to right, var(--pc-single-thumb-gradient-colors)); border: none; border-radius: var(--pc-range-slider-track-height); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-thumb { cursor: -webkit-grab; width: var(--pc-range-slider-thumb-size); height: var(--pc-range-slider-thumb-size); border: var(--p-border-width-1) solid transparent; border-radius: var(--p-border-radius-full); background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive)); box-shadow: 0 0 0 0 var(--p-color-border-interactive-focus); appearance: none; -ms-transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); -ms-transition-property: border-color, box-shadow, transform; transition-property: border-color, box-shadow, transform; transition-duration: var(--p-motion-duration-200); transition-timing-function: var(--p-motion-ease); margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-thumb:hover { background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive)); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-moz-range-thumb { cursor: -webkit-grab; width: var(--pc-range-slider-thumb-size); height: var(--pc-range-slider-thumb-size); border: var(--p-border-width-1) solid transparent; border-radius: var(--p-border-radius-full); background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive)); box-shadow: 0 0 0 0 var(--p-color-border-interactive-focus); appearance: none; -moz-transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); -moz-transition-property: border-color, box-shadow, transform; transition-property: border-color, box-shadow, transform; transition-duration: var(--p-motion-duration-200); transition-timing-function: var(--p-motion-ease); margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-moz-range-thumb:hover { background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive)); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-webkit-slider-thumb { cursor: -webkit-grab; width: var(--pc-range-slider-thumb-size); height: var(--pc-range-slider-thumb-size); border: var(--p-border-width-1) solid transparent; border-radius: var(--p-border-radius-full); background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive)); box-shadow: 0 0 0 0 var(--p-color-border-interactive-focus); -webkit-appearance: none; appearance: none; -webkit-transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); transition: box-shadow var(--p-motion-duration-100) var(--p-motion-ease); -webkit-transition-property: border-color, box-shadow, transform; transition-property: border-color, box-shadow, transform; transition-duration: var(--p-motion-duration-200); transition-timing-function: var(--p-motion-ease); margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-1/2); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-webkit-slider-thumb:hover { background: linear-gradient(var(--p-color-bg-interactive), var(--p-color-bg-interactive)); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-thumb { margin-top: 0; transform: translateY(calc(var(--pc-range-slider-thumb-size)*0.2)) scale(0.4); }

.Polaris-RangeSlider-SingleThumb__Input_30ock::-webkit-slider-thumb { margin-top: calc((var(--pc-range-slider-thumb-size) - var(--pc-range-slider-track-height))*-0.5); }

.Polaris-RangeSlider-SingleThumb__Input_30ock:active::-ms-thumb { transform: scale(1.5); }

.Polaris-RangeSlider-SingleThumb__Input_30ock:active::-moz-range-thumb { transform: scale(1.5); }

.Polaris-RangeSlider-SingleThumb__Input_30ock:active::-webkit-slider-thumb { transform: scale(1.5); }

.Polaris-RangeSlider-SingleThumb__Input_30ock:focus { outline: var(--p-border-width-1) solid transparent; }

.Polaris-RangeSlider-SingleThumb__Input_30ock:focus::-ms-thumb { border-color: var(--p-color-bg); box-shadow: 0 0 0 var(--p-border-width-2) var(--p-color-border-interactive-focus); }

.Polaris-RangeSlider-SingleThumb__Input_30ock:focus::-moz-range-thumb { border-color: var(--p-color-bg); box-shadow: 0 0 0 var(--p-border-width-2) var(--p-color-border-interactive-focus); }

.Polaris-RangeSlider-SingleThumb__Input_30ock:focus::-webkit-slider-thumb { border-color: var(--p-color-bg); box-shadow: 0 0 0 var(--p-border-width-2) var(--p-color-border-interactive-focus); }

.Polaris-RangeSlider-SingleThumb--error_37uk1 .Polaris-RangeSlider-SingleThumb__Input_30ock { --pc-single-thumb-progress-lower: var(--p-color-bg-critical-strong); }

.Polaris-RangeSlider-SingleThumb--error_37uk1 .Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-thumb { border-color: var(--p-color-bg-critical-strong); background: var(--p-color-bg-critical-strong); }

.Polaris-RangeSlider-SingleThumb--error_37uk1 .Polaris-RangeSlider-SingleThumb__Input_30ock::-moz-range-thumb { border-color: var(--p-color-bg-critical-strong); background: var(--p-color-bg-critical-strong); }

.Polaris-RangeSlider-SingleThumb--error_37uk1 .Polaris-RangeSlider-SingleThumb__Input_30ock::-webkit-slider-thumb { border-color: var(--p-color-bg-critical-strong); background: var(--p-color-bg-critical-strong); }

.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 .Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-track { outline: var(--p-border-width-1) solid transparent; cursor: auto; background-image: none; background-color: var(--p-color-border-disabled); }

.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 .Polaris-RangeSlider-SingleThumb__Input_30ock::-moz-range-track { cursor: auto; background-image: none; background-color: var(--p-color-border-disabled); }

.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 .Polaris-RangeSlider-SingleThumb__Input_30ock::-webkit-slider-runnable-track { cursor: auto; background-image: none; background-color: var(--p-color-border-disabled); }

.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 .Polaris-RangeSlider-SingleThumb__Input_30ock::-ms-thumb { cursor: not-allowed; border-color: var(--p-color-border-disabled); background: var(--p-color-border-disabled); }

.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 .Polaris-RangeSlider-SingleThumb__Input_30ock::-moz-range-thumb { cursor: not-allowed; border-color: var(--p-color-border-disabled); background: var(--p-color-border-disabled); }

.Polaris-RangeSlider-SingleThumb--disabled_hcuh9 .Polaris-RangeSlider-SingleThumb__Input_30ock::-webkit-slider-thumb { cursor: not-allowed; border-color: var(--p-color-border-disabled); background: var(--p-color-border-disabled); }

.Polaris-RangeSlider-SingleThumb__Output_sl6zf { --pc-range-slider-output-spacing: var(--p-space-4); position: absolute; z-index: var(--pc-range-slider-output); bottom: var(--pc-range-slider-thumb-size); left: var(--pc-range-slider-progress); transform: translateX(calc(-50% + var(--pc-range-slider-output-factor)*var(--pc-range-slider-thumb-size))); opacity: 0; visibility: hidden; pointer-events: none; transition-property: opacity, visibility, bottom; transition-duration: var(--p-motion-duration-200); transition-timing-function: var(--p-motion-ease); }

.Polaris-RangeSlider-SingleThumb__Input_30ock:active + .Polaris-RangeSlider-SingleThumb__Output_sl6zf { opacity: 1; visibility: visible; bottom: calc(var(--pc-range-slider-thumb-size) + 0.5rem); }

.Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m { position: relative; display: flex; box-shadow: var(--p-shadow-xl); padding: 0 var(--p-space-2); min-width: 2rem; height: 2rem; background-color: var(--p-color-bg); border-radius: var(--p-border-radius-1); transition-property: transform; transition-duration: var(--p-motion-duration-200); transition-timing-function: var(--p-motion-ease); outline: var(--p-border-width-1) solid transparent; }

.Polaris-RangeSlider-SingleThumb__Input_30ock:hover + .Polaris-RangeSlider-SingleThumb__Output_sl6zf .Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m, .Polaris-RangeSlider-SingleThumb__Input_30ock:active + .Polaris-RangeSlider-SingleThumb__Output_sl6zf .Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m, .Polaris-RangeSlider-SingleThumb__Input_30ock:focus + .Polaris-RangeSlider-SingleThumb__Output_sl6zf .Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m { transform: translateY(calc(var(--pc-range-slider-output-spacing)*-1)); }

@media (min-width: 48em) { .Polaris-RangeSlider-SingleThumb__Input_30ock:hover + .Polaris-RangeSlider-SingleThumb__Output_sl6zf .Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m, .Polaris-RangeSlider-SingleThumb__Input_30ock:active + .Polaris-RangeSlider-SingleThumb__Output_sl6zf .Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m, .Polaris-RangeSlider-SingleThumb__Input_30ock:focus + .Polaris-RangeSlider-SingleThumb__Output_sl6zf .Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m { transform: translateY(calc((var(--pc-range-slider-output-spacing)*0.4)*-1)); } }

.Polaris-RangeSlider-SingleThumb__OutputBubble_ji63m > :first-child { display: block; flex: 1 1 auto; margin: auto; }
