@awsui/components-react/slider/styles.scoped.css

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/* stylelint-disable @awsui/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
/* stylelint-enable @awsui/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/* Style used for links in slots/components that are text heavy, to help links stand out among
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
/*
 Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 SPDX-License-Identifier: Apache-2.0
*/
.awsui_root_pcgz5_4d4v4_153:not(#\9) {
  border-collapse: separate;
  border-spacing: 0;
  box-sizing: border-box;
  caption-side: top;
  cursor: auto;
  direction: inherit;
  empty-cells: show;
  font-family: serif;
  font-style: normal;
  font-variant: normal;
  font-stretch: normal;
  hyphens: none;
  letter-spacing: normal;
  list-style: disc outside none;
  tab-size: 8;
  text-align: start;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-spacing: normal;
  font-size: var(--font-size-body-m-kbh530, 14px);
  line-height: var(--line-height-body-m-0awzkk, 22px);
  color: var(--color-text-body-default-zs35hz, #16191f);
  font-weight: 400;
  font-family: var(--font-family-base-5z8fw5, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-size: var(--font-size-body-s-6sh5cc, 12px);
  padding-block: var(--space-s-hdd878, 12px);
  position: relative;
  max-inline-size: 800px;
  margin-inline: calc(var(--space-m-h2th94, 16px) / 2);
}

.awsui_slider_pcgz5_4d4v4_190:not(#\9) {
  display: flex;
  align-items: center;
}
.awsui_slider-track_pcgz5_4d4v4_194:not(#\9), .awsui_slider-range_pcgz5_4d4v4_194:not(#\9) {
  position: absolute;
  border-start-start-radius: 3px;
  border-start-end-radius: 3px;
  border-end-start-radius: 3px;
  border-end-end-radius: 3px;
  margin-block-start: var(--space-xs-edba2s, 8px);
  margin-inline: calc(var(--space-m-h2th94, 16px) / -2);
}
.awsui_slider-track_pcgz5_4d4v4_194:not(#\9) {
  background-color: var(--color-background-slider-track-d0xs3i, #879596);
  inline-size: calc(100% + var(--space-m-h2th94, 16px));
  block-size: 2px;
  cursor: pointer;
}
.awsui_slider-track_pcgz5_4d4v4_194.awsui_disabled_pcgz5_4d4v4_209:not(#\9) {
  cursor: default;
  background-color: var(--color-background-control-disabled-h93c4j, #d5dbdb);
}
.awsui_slider-track_pcgz5_4d4v4_194.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_slider-track_pcgz5_4d4v4_194.awsui_disabled_pcgz5_4d4v4_209) {
  cursor: default;
  background-color: var(--color-background-control-disabled-h93c4j, #d5dbdb);
}
.awsui_slider-range_pcgz5_4d4v4_194:not(#\9) {
  background-color: var(--color-background-slider-handle-default-vg2dgl, #0073bb);
  block-size: 4px;
  inline-size: calc(var(--awsui-slider-range-inline-size-d43v8n) + var(--space-m-h2th94, 16px));
}
.awsui_slider-range_pcgz5_4d4v4_194.awsui_error_pcgz5_4d4v4_222:not(#\9) {
  background-color: var(--color-text-status-error-oa993i, #d13212);
}
.awsui_slider-range_pcgz5_4d4v4_194.awsui_warning_pcgz5_4d4v4_225:not(#\9) {
  background-color: var(--color-text-status-warning-a2jajm, #906806);
}
.awsui_slider-range_pcgz5_4d4v4_194.awsui_active_pcgz5_4d4v4_228:not(#\9) {
  background-color: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
}
.awsui_slider-range_pcgz5_4d4v4_194.awsui_error-active_pcgz5_4d4v4_231:not(#\9) {
  background-color: var(--color-background-slider-error-pressed-0sk3qh, #700000);
}
.awsui_slider-range_pcgz5_4d4v4_194.awsui_warning-active_pcgz5_4d4v4_234:not(#\9) {
  background-color: var(--color-background-slider-warning-pressed-w5zjl3, #906806);
}
.awsui_slider-range_pcgz5_4d4v4_194.awsui_disabled_pcgz5_4d4v4_209:not(#\9) {
  background-color: var(--color-background-control-disabled-h93c4j, #d5dbdb);
}
.awsui_slider-range_pcgz5_4d4v4_194.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_slider-range_pcgz5_4d4v4_194.awsui_disabled_pcgz5_4d4v4_209) {
  inline-size: calc(var(--awsui-slider-range-inline-size-d43v8n) + var(--space-s-hdd878, 12px));
  background-color: var(--color-foreground-control-read-only-4cwci1, #687078);
}

.awsui_labels_pcgz5_4d4v4_245:not(#\9) {
  display: grid;
  grid-template-columns: 3fr repeat(calc((var(--awsui-slider-label-count-d43v8n) - 2) / 2 + (var(--awsui-slider-label-count-d43v8n) - 2) / 2 - 1), 2fr) 3fr;
  grid-auto-rows: 100%;
  padding-block-start: var(--space-m-h2th94, 16px);
}
.awsui_labels-noref_pcgz5_4d4v4_251:not(#\9) {
  grid-template-columns: 1fr 1fr;
}
.awsui_labels-reference_pcgz5_4d4v4_254:not(#\9) {
  grid-column-start: var(--awsui-slider-reference-column-d43v8n);
  grid-column-end: var(--awsui-slider-next-reference-column-d43v8n);
  grid-row: 1;
  justify-self: center;
  text-align: center;
}
.awsui_labels-min_pcgz5_4d4v4_261:not(#\9) {
  grid-column: 1;
  grid-row: 1;
  grid-column-end: var(--awsui-slider-min-end-d43v8n);
  margin-inline-start: calc(var(--space-m-h2th94, 16px) / -2);
}
.awsui_labels-max_pcgz5_4d4v4_267:not(#\9) {
  text-align: end;
  justify-content: flex-end;
  grid-row: 1;
  grid-column-end: calc(var(--awsui-slider-label-count-d43v8n) + 1);
  grid-column-start: var(--awsui-slider-max-start-d43v8n);
  margin-inline-end: calc(var(--space-m-h2th94, 16px) / -2);
}
.awsui_labels-aria-description_pcgz5_4d4v4_275:not(#\9) {
  display: none;
}
@media (max-width: 576px) {
  .awsui_labels_pcgz5_4d4v4_245:not(#\9) {
    grid-template-columns: 1fr 1fr;
  }
  .awsui_labels-min_pcgz5_4d4v4_261:not(#\9) {
    grid-column: 1;
  }
  .awsui_labels-max_pcgz5_4d4v4_267:not(#\9) {
    grid-column: 2;
  }
  .awsui_labels_pcgz5_4d4v4_245 > .awsui_labels-reference_pcgz5_4d4v4_254:not(#\9) {
    display: none;
  }
}

.awsui_ticks_pcgz5_4d4v4_293:not(#\9) {
  display: grid;
  grid-template-columns: repeat(var(--awsui-slider-tick-count-d43v8n), 1fr);
  inline-size: calc(100% - var(--space-m-h2th94, 16px));
  margin-inline: calc(var(--space-m-h2th94, 16px) / 2);
}
.awsui_ticks-wrapper_pcgz5_4d4v4_299:not(#\9) {
  block-size: 0;
  display: flex;
  margin-inline: calc(var(--space-m-h2th94, 16px) / -2);
}

.awsui_tick_pcgz5_4d4v4_293:not(#\9) {
  grid-row: 1;
  block-size: var(--space-xs-edba2s, 8px);
  inline-size: var(--space-xxxs-j6dpcy, 2px);
  padding-inline: 0;
  padding-block: 0;
  background: var(--color-background-slider-track-d0xs3i, #879596);
  inset-block-start: -4px;
}
.awsui_tick_pcgz5_4d4v4_293.awsui_middle_pcgz5_4d4v4_314:not(#\9):first-child, .awsui_tick_pcgz5_4d4v4_293.awsui_middle_pcgz5_4d4v4_314:not(#\9):last-child {
  visibility: hidden;
}
.awsui_tick_pcgz5_4d4v4_293.awsui_filled_pcgz5_4d4v4_317:not(#\9) {
  background: var(--color-background-slider-handle-default-vg2dgl, #0073bb);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_filled_pcgz5_4d4v4_317.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_disabled_pcgz5_4d4v4_209) {
  background: var(--color-foreground-control-read-only-4cwci1, #687078);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_active_pcgz5_4d4v4_228:not(#\9) {
  background: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_error_pcgz5_4d4v4_222:not(#\9) {
  background: var(--color-text-status-error-oa993i, #d13212);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_warning_pcgz5_4d4v4_225:not(#\9) {
  background: var(--color-text-status-warning-a2jajm, #906806);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_error-active_pcgz5_4d4v4_231:not(#\9) {
  background-color: var(--color-background-slider-error-pressed-0sk3qh, #700000);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_warning-active_pcgz5_4d4v4_234:not(#\9) {
  background-color: var(--color-background-slider-warning-pressed-w5zjl3, #906806);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_disabled_pcgz5_4d4v4_209:not(#\9) {
  background: var(--color-background-control-disabled-h93c4j, #d5dbdb);
}
.awsui_tick_pcgz5_4d4v4_293.awsui_readonly_pcgz5_4d4v4_213:not(#\9) {
  background: var(--color-background-control-disabled-h93c4j, #d5dbdb);
}

.awsui_tooltip-thumb_pcgz5_4d4v4_345:not(#\9) {
  position: absolute;
  inline-size: var(--space-xxl-sgg5p8, 32px);
  block-size: var(--space-xxl-sgg5p8, 32px);
  margin-block-start: calc(var(--space-s-hdd878, 12px) / -1);
  inset-inline-start: var(--awsui-slider-tooltip-position-d43v8n);
}
.awsui_tooltip-thumb_pcgz5_4d4v4_345.awsui_readonly_pcgz5_4d4v4_213:not(#\9) {
  inline-size: var(--space-xl-gsucfg, 24px);
  block-size: var(--space-xl-gsucfg, 24px);
  margin-block-start: calc(var(--space-xs-edba2s, 8px) / -1);
}

.awsui_thumb_pcgz5_4d4v4_358:not(#\9) {
  background: transparent;
  appearance: none;
  position: absolute;
  block-size: 0;
  inline-size: calc(100% + var(--space-m-h2th94, 16px));
  margin-inline-start: calc(var(--space-m-h2th94, 16px) / -2);
  outline: 0;
  margin-block-start: var(--space-xxs-ja5cp8, 4px);
  cursor: pointer;
  touch-action: none;
}
.awsui_thumb_pcgz5_4d4v4_358.awsui_disabled_pcgz5_4d4v4_209:not(#\9) {
  cursor: default;
}
.awsui_thumb_pcgz5_4d4v4_358.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_thumb_pcgz5_4d4v4_358.awsui_disabled_pcgz5_4d4v4_209) {
  cursor: default;
}
.awsui_thumb_pcgz5_4d4v4_358.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_thumb_pcgz5_4d4v4_358.awsui_disabled_pcgz5_4d4v4_209):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_4d4v4_358.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_thumb_pcgz5_4d4v4_358.awsui_disabled_pcgz5_4d4v4_209):active::-webkit-slider-thumb {
  block-size: var(--space-s-hdd878, 12px);
  inline-size: var(--space-s-hdd878, 12px);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-foreground-control-read-only-4cwci1, #687078);
  background: var(--color-foreground-control-read-only-4cwci1, #687078);
  border-color: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  border-block-width: 2px;
  border-inline-width: 2px;
}
.awsui_thumb_pcgz5_4d4v4_358.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_thumb_pcgz5_4d4v4_358.awsui_disabled_pcgz5_4d4v4_209):focus::-moz-range-thumb, .awsui_thumb_pcgz5_4d4v4_358.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_thumb_pcgz5_4d4v4_358.awsui_disabled_pcgz5_4d4v4_209):active::-moz-range-thumb {
  block-size: var(--space-s-hdd878, 12px);
  inline-size: var(--space-s-hdd878, 12px);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-foreground-control-read-only-4cwci1, #687078);
  background: var(--color-foreground-control-read-only-4cwci1, #687078);
  border-color: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  border-block-width: 2px;
  border-inline-width: 2px;
}
.awsui_thumb_pcgz5_4d4v4_358.awsui_min_pcgz5_4d4v4_394:not(#\9) {
  margin-inline-start: calc(-1px + var(--space-m-h2th94, 16px) / -2);
}
.awsui_thumb_pcgz5_4d4v4_358.awsui_max_pcgz5_4d4v4_397:not(#\9) {
  margin-inline-start: calc(1px + var(--space-m-h2th94, 16px) / -2);
}
.awsui_thumb_pcgz5_4d4v4_358:not(#\9)::-webkit-slider-thumb {
  appearance: none;
  appearance: none;
  background: var(--color-background-slider-handle-default-vg2dgl, #0073bb);
  border-color: var(--color-background-slider-handle-default-vg2dgl, #0073bb);
  border-block-width: 2px;
  border-inline-width: 2px;
  border-start-start-radius: 50%;
  border-start-end-radius: 50%;
  border-end-start-radius: 50%;
  border-end-end-radius: 50%;
  box-shadow: none;
  cursor: pointer;
  block-size: var(--space-m-h2th94, 16px);
  inline-size: var(--space-m-h2th94, 16px);
  pointer-events: all;
  position: relative;
}
.awsui_thumb_pcgz5_4d4v4_358:not(#\9)::-moz-range-thumb {
  appearance: none;
  appearance: none;
  background: var(--color-background-slider-handle-default-vg2dgl, #0073bb);
  border-color: var(--color-background-slider-handle-default-vg2dgl, #0073bb);
  border-block-width: 2px;
  border-inline-width: 2px;
  border-start-start-radius: 50%;
  border-start-end-radius: 50%;
  border-end-start-radius: 50%;
  border-end-end-radius: 50%;
  box-shadow: none;
  cursor: pointer;
  block-size: var(--space-m-h2th94, 16px);
  inline-size: var(--space-m-h2th94, 16px);
  pointer-events: all;
  position: relative;
}
.awsui_thumb_pcgz5_4d4v4_358:not(#\9):hover::-webkit-slider-thumb {
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-vg2dgl, #0073bb);
}
.awsui_thumb_pcgz5_4d4v4_358:not(#\9):hover::-moz-range-thumb {
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-handle-default-vg2dgl, #0073bb);
}
.awsui_thumb_pcgz5_4d4v4_358:not(#\9):focus::-webkit-slider-thumb, .awsui_thumb_pcgz5_4d4v4_358:not(#\9):active::-webkit-slider-thumb {
  block-size: 20px;
  inline-size: 20px;
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  background: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  border-color: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  border-block-width: 2px;
  border-inline-width: 2px;
}
.awsui_thumb_pcgz5_4d4v4_358:not(#\9):focus::-moz-range-thumb, .awsui_thumb_pcgz5_4d4v4_358:not(#\9):active::-moz-range-thumb {
  block-size: 20px;
  inline-size: 20px;
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  background: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  border-color: var(--color-background-slider-handle-active-nu61m7, #0a4a74);
  border-block-width: 2px;
  border-inline-width: 2px;
}

.awsui_error_pcgz5_4d4v4_222:not(#\9)::-webkit-slider-thumb {
  background-color: var(--color-text-status-error-oa993i, #d13212);
  border-color: var(--color-text-status-error-oa993i, #d13212);
}
.awsui_error_pcgz5_4d4v4_222:not(#\9)::-moz-range-thumb {
  background-color: var(--color-text-status-error-oa993i, #d13212);
  border-color: var(--color-text-status-error-oa993i, #d13212);
}
.awsui_error_pcgz5_4d4v4_222:not(#\9):hover::-webkit-slider-thumb {
  background-color: var(--color-text-status-error-oa993i, #d13212);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-text-status-error-oa993i, #d13212);
}
.awsui_error_pcgz5_4d4v4_222:not(#\9):hover::-moz-range-thumb {
  background-color: var(--color-text-status-error-oa993i, #d13212);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-text-status-error-oa993i, #d13212);
}
.awsui_error_pcgz5_4d4v4_222:not(#\9):focus::-webkit-slider-thumb, .awsui_error_pcgz5_4d4v4_222:not(#\9):active::-webkit-slider-thumb {
  background-color: var(--color-background-slider-error-pressed-0sk3qh, #700000);
  border-block-width: 2px;
  border-inline-width: 2px;
  border-color: var(--color-background-slider-error-pressed-0sk3qh, #700000);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-0sk3qh, #700000);
}
.awsui_error_pcgz5_4d4v4_222:not(#\9):focus::-moz-range-thumb, .awsui_error_pcgz5_4d4v4_222:not(#\9):active::-moz-range-thumb {
  background-color: var(--color-background-slider-error-pressed-0sk3qh, #700000);
  border-block-width: 2px;
  border-inline-width: 2px;
  border-color: var(--color-background-slider-error-pressed-0sk3qh, #700000);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-error-pressed-0sk3qh, #700000);
}

.awsui_warning_pcgz5_4d4v4_225:not(#\9)::-webkit-slider-thumb {
  background-color: var(--color-text-status-warning-a2jajm, #906806);
  border-color: var(--color-text-status-warning-a2jajm, #906806);
}
.awsui_warning_pcgz5_4d4v4_225:not(#\9)::-moz-range-thumb {
  background-color: var(--color-text-status-warning-a2jajm, #906806);
  border-color: var(--color-text-status-warning-a2jajm, #906806);
}
.awsui_warning_pcgz5_4d4v4_225:not(#\9):hover::-webkit-slider-thumb {
  background-color: var(--color-text-status-warning-a2jajm, #906806);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-text-status-warning-a2jajm, #906806);
}
.awsui_warning_pcgz5_4d4v4_225:not(#\9):hover::-moz-range-thumb {
  background-color: var(--color-text-status-warning-a2jajm, #906806);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-text-status-warning-a2jajm, #906806);
}
.awsui_warning_pcgz5_4d4v4_225:not(#\9):focus::-webkit-slider-thumb, .awsui_warning_pcgz5_4d4v4_225:not(#\9):active::-webkit-slider-thumb {
  background-color: var(--color-background-slider-warning-pressed-w5zjl3, #906806);
  border-block-width: 2px;
  border-inline-width: 2px;
  border-color: var(--color-background-slider-warning-pressed-w5zjl3, #906806);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-w5zjl3, #906806);
}
.awsui_warning_pcgz5_4d4v4_225:not(#\9):focus::-moz-range-thumb, .awsui_warning_pcgz5_4d4v4_225:not(#\9):active::-moz-range-thumb {
  background-color: var(--color-background-slider-warning-pressed-w5zjl3, #906806);
  border-block-width: 2px;
  border-inline-width: 2px;
  border-color: var(--color-background-slider-warning-pressed-w5zjl3, #906806);
  box-shadow: 0px 0 0 2px var(--color-background-slider-handle-ring-8gbqdz, #ffffff), 0 0 0 4px var(--color-background-slider-warning-pressed-w5zjl3, #906806);
}

.awsui_disabled_pcgz5_4d4v4_209:not(#\9)::-webkit-slider-thumb,
.awsui_disabled_pcgz5_4d4v4_209:not(#\9):hover::-webkit-slider-thumb,
.awsui_disabled_pcgz5_4d4v4_209:not(#\9):active::-webkit-slider-thumb {
  block-size: var(--space-m-h2th94, 16px);
  inline-size: var(--space-m-h2th94, 16px);
  background-color: var(--color-background-control-disabled-h93c4j, #d5dbdb);
  border-color: var(--color-background-control-disabled-h93c4j, #d5dbdb);
  box-shadow: none;
  pointer-events: none;
}
.awsui_disabled_pcgz5_4d4v4_209:not(#\9)::-moz-range-thumb,
.awsui_disabled_pcgz5_4d4v4_209:not(#\9):hover::-moz-range-thumb,
.awsui_disabled_pcgz5_4d4v4_209:not(#\9):active::-moz-range-thumb {
  block-size: var(--space-m-h2th94, 16px);
  inline-size: var(--space-m-h2th94, 16px);
  background-color: var(--color-background-control-disabled-h93c4j, #d5dbdb);
  border-color: var(--color-background-control-disabled-h93c4j, #d5dbdb);
  box-shadow: none;
  pointer-events: none;
}

.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_disabled_pcgz5_4d4v4_209)::-webkit-slider-thumb,
.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_disabled_pcgz5_4d4v4_209):hover::-webkit-slider-thumb,
.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_disabled_pcgz5_4d4v4_209):active::-webkit-slider-thumb {
  block-size: var(--space-s-hdd878, 12px);
  inline-size: var(--space-s-hdd878, 12px);
  background-color: var(--color-foreground-control-read-only-4cwci1, #687078);
  border-color: var(--color-foreground-control-read-only-4cwci1, #687078);
  box-shadow: none;
  pointer-events: none;
  cursor: initial;
}
.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_disabled_pcgz5_4d4v4_209)::-moz-range-thumb,
.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_disabled_pcgz5_4d4v4_209):hover::-moz-range-thumb,
.awsui_readonly_pcgz5_4d4v4_213:not(#\9):not(.awsui_disabled_pcgz5_4d4v4_209):active::-moz-range-thumb {
  block-size: var(--space-s-hdd878, 12px);
  inline-size: var(--space-s-hdd878, 12px);
  background-color: var(--color-foreground-control-read-only-4cwci1, #687078);
  border-color: var(--color-foreground-control-read-only-4cwci1, #687078);
  box-shadow: none;
  pointer-events: none;
  cursor: initial;
}