._3e7nca_i18nFontFamily {
  font-synthesis: weight;
  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;

  &:lang(ar) {
    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
  }

  &:lang(he) {
    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
  }

  &:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }

  &:lang(zh-Hans) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }

  &:lang(zh-Hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }

  &:lang(zh-SG), &:lang(zh-CN) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }

  &:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }

  &:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

._3e7nca_spectrum-FocusRing-ring {
  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
  --spectrum-focus-ring-border-size: 0px;
  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));

  &:after {
    border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
    content: "";
    margin: calc(-1 * var(--spectrum-focus-ring-border-size));
    pointer-events: none;
    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
      margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
    display: block;
    position: absolute;
    inset: 0;
  }
}

._3e7nca_spectrum-FocusRing {
  &._3e7nca_focus-ring {
    &:after {
      margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
      box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
    }
  }
}

._3e7nca_spectrum-FocusRing--quiet {
  &:after {
    border-radius: 0;
  }

  &._3e7nca_focus-ring {
    &:after {
      margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
        0;
      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
    }
  }
}

@media (forced-colors: active) {
  ._3e7nca_spectrum-FocusRing, ._3e7nca_spectrum-FocusRing-ring, ._3e7nca_spectrum-FocusRing--quiet {
    --spectrum-high-contrast-focus-ring-color: Highlight;

    &:after {
      forced-color-adjust: none;
    }
  }
}

._3e7nca_spectrum-Slider {
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  width: var(--spectrum-global-dimension-size-2400);
  min-inline-size: var(--spectrum-slider-min-width, var(--spectrum-global-dimension-size-1250));
  flex-shrink: 0;
  display: block;
  position: relative;

  &._3e7nca_spectrum-Slider--positionTop {
    width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
    flex-direction: column;
    display: inline-flex;

    & ._3e7nca_spectrum-Slider-controls {
      width: calc(100% - calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) * 2);
    }
  }

  &._3e7nca_spectrum-Slider--positionSide {
    align-items: center;
    width: auto;
    display: inline-flex;

    & ._3e7nca_spectrum-Slider-controls {
      width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
      flex: 1;
    }

    & ._3e7nca_spectrum-Slider-labelContainer {
      margin-inline-end: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
    }

    & ._3e7nca_spectrum-Slider-valueLabelContainer {
      margin-inline-start: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
    }

    & ._3e7nca_spectrum-Slider-value {
      text-align: start;
    }
  }
}

._3e7nca_spectrum-Slider-controls {
  box-sizing: border-box;
  z-index: auto;
  min-block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
  inline-size: calc(100% - calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)));
  min-block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
  vertical-align: top;
  margin-inline-start: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
  display: inline-block;
  position: relative;
}

._3e7nca_spectrum-Slider-track, ._3e7nca_spectrum-Slider-buffer, ._3e7nca_spectrum-Slider-ramp, ._3e7nca_spectrum-Slider-fill {
  block-size: var(--spectrum-slider-track-height, var(--spectrum-alias-border-size-thick));
  box-sizing: border-box;
  z-index: 1;
  pointer-events: none;
  margin-block-start: calc(var(--spectrum-slider-fill-track-height, var(--spectrum-alias-border-size-thick)) / -2);
  position: absolute;
  inset-block-start: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);
  inset-inline: 0 auto;
}

._3e7nca_spectrum-Slider-track, ._3e7nca_spectrum-Slider-buffer, ._3e7nca_spectrum-Slider-fill {
  padding-block: 0;
  padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
  margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);

  &:before {
    content: "";
    block-size: 100%;
    display: block;
  }

  &:first-of-type:before {
    border-start-start-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
    border-end-start-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
  }

  &:last-of-type:before {
    border-start-end-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
    border-end-end-radius: var(--spectrum-slider-track-border-radius, var(--spectrum-global-dimension-static-size-10));
  }
}

._3e7nca_spectrum-Slider-fill {
  padding-block: 0;
  padding-inline: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))))
    0;
  z-index: 2;
  margin-inline-start: 0;
}

._3e7nca_spectrum-Slider-fill--right {
  padding-block: 0;
  padding-inline: 0
    calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) + calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))));
}

._3e7nca_spectrum-Slider-buffer {
  padding-block: 0;
  padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
}

._3e7nca_spectrum-Slider-track ~ ._3e7nca_spectrum-Slider-track, ._3e7nca_spectrum-Slider-buffer ~ ._3e7nca_spectrum-Slider-buffer {
  padding-block: 0;
  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
  margin-inline-start: 0;
  margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
  inset-inline: auto 0;
}

._3e7nca_spectrum-Slider-buffer ~ ._3e7nca_spectrum-Slider-buffer {
  padding-block: 0;
  padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2)) 0;
  margin-inline-end: 0;

  &:after {
    display: none;
  }
}

._3e7nca_spectrum-Slider--range {
  & ._3e7nca_spectrum-Slider-track {
    padding-block: 0;
    padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2))
      calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) + calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2));
    inset-inline: auto;

    &:first-of-type {
      padding-block: 0;
      padding-inline: 0 calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)));
      margin-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
      inset-inline: 0 auto;
    }

    &:last-of-type {
      padding-block: 0;
      padding-inline: calc(var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker))) 0;
      margin-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
      inset-inline: auto 0;
    }
  }
}

._3e7nca_spectrum-Slider-buffer {
  z-index: 2;
}

._3e7nca_spectrum-Slider-ramp {
  block-size: var(--spectrum-slider-ramp-track-height, var(--spectrum-global-dimension-static-size-200));
  margin-block-start: 0;
  position: absolute;
  inset-block-start: calc(var(--spectrum-slider-ramp-track-height, var(--spectrum-global-dimension-static-size-200)) / 2);
  inset-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
  inset-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);

  & svg {
    block-size: 100%;
    inline-size: 100%;
    transform: logical rotate(0deg);
  }
}

._3e7nca_spectrum-Slider-handle {
  z-index: 2;
  box-sizing: border-box;
  inline-size: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
  block-size: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
  border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
  border-radius: var(--spectrum-slider-handle-border-radius, var(--spectrum-alias-border-radius-medium));
  transition: border-width var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
  border-style: solid;
  outline: none;
  display: inline-block;
  position: absolute;
  inset-block-start: calc(var(--spectrum-slider-height, var(--spectrum-alias-single-line-height)) / 2);

  &:active, &._3e7nca_is-dragged {
    border-width: var(--spectrum-slider-handle-border-size-down, var(--spectrum-global-dimension-size-75));
  }

  &:active, &._3e7nca_is-focused, &._3e7nca_is-dragged, &._3e7nca_is-tophandle {
    z-index: 3;
  }

  &:before {
    content: " ";
    transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out,
      width var(--spectrum-global-animation-duration-100, .13s) ease-out,
      height var(--spectrum-global-animation-duration-100, .13s) ease-out;
    width: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
    height: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  &._3e7nca_is-focused {
    &:before {
      width: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
      height: calc(var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)) * 2);
    }
  }
}

._3e7nca_spectrum-Slider-input {
  inline-size: var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200));
  block-size: var(--spectrum-slider-handle-height, var(--spectrum-global-dimension-size-200));
  opacity: .000001;
  cursor: default;
  -webkit-appearance: none;
  pointer-events: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  inset-block-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
  inset-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) / 4);
  overflow: hidden;

  &:focus {
    outline: none;
  }
}

._3e7nca_spectrum-Slider-labelContainer, ._3e7nca_spectrum-Slider-valueLabelContainer {
  inline-size: auto;
  font-size: var(--spectrum-label-text-size, var(--spectrum-global-dimension-font-size-75));
  line-height: var(--spectrum-label-text-line-height, var(--spectrum-global-font-line-height-small));
  display: flex;
  position: relative;
}

._3e7nca_spectrum-Slider-labelContainer {
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "_3e7nca_label _3e7nca_contextualHelp _3e7nca_value";
  justify-items: start;
  display: grid;
}

._3e7nca_spectrum-Slider-label, ._3e7nca_spectrum-Dial-label {
  flex-grow: 1;
  padding-inline-start: 0;
}

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

._3e7nca_spectrum-Slider-value {
  white-space: nowrap;
  grid-area: _3e7nca_value;
  margin-inline-start: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) / 2);
}

._3e7nca_spectrum-Slider-contextualHelp._3e7nca_spectrum-Slider-contextualHelp {
  margin-inline-start: var(--spectrum-global-dimension-size-50);
  margin-top: calc(-1 * var(--spectrum-global-dimension-size-25));
  grid-area: _3e7nca_contextualHelp;
}

._3e7nca_spectrum-Slider-ticks {
  z-index: 0;
  margin: 0 calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
  justify-content: space-between;
  margin-block-start: calc(var(--spectrum-slider-tick-mark-height, 10px) + calc(var(--spectrum-slider-track-height, var(--spectrum-alias-border-size-thick)) / 2));
  display: flex;
}

._3e7nca_spectrum-Slider-tick {
  inline-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
  position: relative;

  &:after {
    content: "";
    inline-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
    block-size: var(--spectrum-slider-tick-mark-height, 10px);
    border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
    display: block;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: calc(50% - calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) / 2));
  }

  & ._3e7nca_spectrum-Slider-tickLabel {
    margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
    margin-inline: calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1)
      calc(var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) * -1);
    font-size: var(--spectrum-label-text-size, var(--spectrum-global-dimension-font-size-75));
    line-height: var(--spectrum-label-text-line-height, var(--spectrum-global-font-line-height-small));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  &:first-of-type, &:last-of-type {
    & ._3e7nca_spectrum-Slider-tickLabel {
      margin-block: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200)) 0;
      margin-inline: 0;
      display: block;
      position: absolute;
    }
  }

  &:first-of-type {
    & ._3e7nca_spectrum-Slider-tickLabel {
      inset-inline-start: 0;
    }
  }

  &:last-of-type {
    & ._3e7nca_spectrum-Slider-tickLabel {
      inset-inline-end: 0;
    }
  }
}

._3e7nca_spectrum-Slider--color {
  & ._3e7nca_spectrum-Slider-labelContainer {
    padding-block-end: var(--spectrum-fieldlabel-padding-bottom, var(--spectrum-global-dimension-size-65));
  }

  & ._3e7nca_spectrum-Slider-controls, & ._3e7nca_spectrum-Slider-controls:before, & ._3e7nca_spectrum-Slider-track {
    min-block-size: auto;
    block-size: var(--spectrum-slider-color-track-height, var(--spectrum-global-dimension-static-size-300));
    inline-size: 100%;
    margin-inline-start: 0;
  }

  & ._3e7nca_spectrum-Slider-controls:before {
    content: "";
    display: block;
  }

  & ._3e7nca_spectrum-Slider-controls:before, & ._3e7nca_spectrum-Slider-track {
    border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
    margin-block-start: 0;
    margin-inline-end: 0;
    padding: 0;
    inset-block-start: 0;
  }

  & ._3e7nca_spectrum-Slider-handle {
    inset-block-start: 50%;
  }
}

._3e7nca_spectrum-Dial {
  block-size: auto;
  min-block-size: 0;
  min-inline-size: 0;
  inline-size: var(--spectrum-dial-container-width, var(--spectrum-global-dimension-static-size-600));
  flex-direction: column;
  display: inline-flex;
}

._3e7nca_spectrum-Dial-labelContainer {
  margin-block-end: var(--spectrum-global-dimension-size-65);
}

._3e7nca_spectrum-Dial-label {
  &:only-child {
    text-align: center;
  }
}

._3e7nca_spectrum-Dial-controls {
  inline-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
  block-size: var(--spectrum-slider-height, var(--spectrum-alias-single-line-height));
  border-radius: var(--spectrum-dial-border-radius, var(--spectrum-alias-border-radius-large));
  box-sizing: border-box;
  outline: none;
  min-block-size: 0;
  margin: 0;
  display: inline-block;
  position: relative;

  &:before, &:after {
    content: "";
    inline-size: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * 2);
    block-size: var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick));
    border-radius: var(--spectrum-slider-tick-mark-border-radius, var(--spectrum-alias-border-radius-xsmall));
    position: absolute;
    inset-block-end: 0;
  }

  &:before {
    transform: rotate(var(--spectrum-dial-min-max-tick-angles, 45deg));
    inset-inline-start: auto;
    inset-inline-end: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
  }

  &:after {
    transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
    inset-inline-start: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
  }
}

._3e7nca_spectrum-Dial-handle {
  border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
  block-size: 100%;
  inline-size: 100%;
  box-shadow: none;
  border-radius: var(--spectrum-dial-border-radius, var(--spectrum-alias-border-radius-large));
  transform: rotate(calc(-1 * var(--spectrum-dial-min-max-tick-angles, 45deg)));
  cursor: pointer;
  cursor: grab;
  transition: background-color var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
  position: absolute;
  inset-block-start: var(--spectrum-global-dimension-size-100);
  inset-block-end: var(--spectrum-global-dimension-size-100);
  inset-inline-start: var(--spectrum-global-dimension-size-100);
  inset-inline-end: var(--spectrum-global-dimension-size-100);

  &:after {
    content: "";
    inline-size: var(--spectrum-dial-handle-marker-width, 12px);
    block-size: var(--spectrum-dial-handle-marker-height, var(--spectrum-alias-border-size-thick));
    border-radius: var(--spectrum-dial-handle-marker-border-radius, var(--spectrum-alias-border-radius-xsmall));
    transition: background-color var(--spectrum-slider-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: calc(var(--spectrum-slider-tick-mark-width, var(--spectrum-alias-border-size-thick)) * -1);
    transform: translateY(-50%);
  }

  &:active, &._3e7nca_is-focused, &._3e7nca_is-dragged {
    border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
    cursor: ns-resize;
    cursor: grabbing;
  }
}

._3e7nca_spectrum-Dial-input {
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
}

._3e7nca_spectrum-Dial--small {
  & ._3e7nca_spectrum-Dial-controls {
    inline-size: var(--spectrum-dial-small-width, var(--spectrum-global-dimension-static-size-300));
    block-size: var(--spectrum-dial-small-height, var(--spectrum-global-dimension-static-size-300));
  }
}

._3e7nca_spectrum-Slider, ._3e7nca_spectrum-Dial {
  &._3e7nca_is-disabled {
    cursor: default;

    & ._3e7nca_spectrum-Slider-handle {
      cursor: default;
      pointer-events: none;
    }

    &._3e7nca_spectrum-Slider--color {
      & ._3e7nca_spectrum-Slider-handle {
        &._3e7nca_is-hovered, &:active {
          border-width: var(--spectrum-slider-color-handle-outset-border-size, var(--spectrum-alias-border-size-thin));
        }
      }
    }
  }
}

._3e7nca_u-isGrabbing {
  cursor: ns-resize;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-user-select: none;
  user-select: none;

  & ._3e7nca_spectrum-Dial {
    & ._3e7nca_spectrum-Dial-label, & ._3e7nca_spectrum-Dial-value {
      cursor: inherit;
    }
  }

  & ._3e7nca_spectrum-Slider {
    & ._3e7nca_spectrum-Slider-label, & ._3e7nca_spectrum-Slider-value {
      cursor: inherit;
    }
  }
}

._3e7nca_spectrum-Slider-controls {
  &:before, &:after {
    content: "";
    inline-size: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2);
    block-size: 100%;
    display: block;
    position: absolute;
  }

  &:before {
    inset-inline-start: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
  }

  &:after {
    inset-inline-end: calc(calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2) * -1);
  }
}

._3e7nca_spectrum-Slider {
  --spectrum-slider-track-gradient: var(--spectrum-slider-track-color, var(--spectrum-global-color-gray-300));
}

._3e7nca_spectrum-Slider-track {
  &:before {
    background: var(--spectrum-slider-track-gradient);
    background-size: var(--spectrum-track-background-size);
    background-position: var(--spectrum-track-background-position);
  }
}

._3e7nca_spectrum-Slider-labelContainer {
  color: var(--spectrum-label-text-color, var(--spectrum-alias-label-text-color));
}

._3e7nca_spectrum-Slider--filled {
  & ._3e7nca_spectrum-Slider-track:first-child {
    &:before {
      background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
    }
  }
}

._3e7nca_spectrum-Slider-fill {
  &:before {
    background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
  }
}

._3e7nca_spectrum-Slider-buffer {
  &:before, &:after {
    background: var(--spectrum-slider-player-track-buffer-color, var(--spectrum-global-color-gray-500));
  }
}

._3e7nca_spectrum-Slider-ramp {
  & path {
    fill: var(--spectrum-slider-track-color, var(--spectrum-global-color-gray-300));
  }
}

._3e7nca_spectrum-Slider-handle {
  border-color: var(--spectrum-slider-handle-border-color, var(--spectrum-global-color-gray-700));
  background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));

  &._3e7nca_is-hovered {
    border-color: var(--spectrum-slider-handle-border-color-hover, var(--spectrum-global-color-gray-800));
  }

  &._3e7nca_is-focused {
    border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));

    &:before {
      box-shadow: 0 0 0 var(--spectrum-alias-focus-ring-size, var(--spectrum-global-dimension-static-size-25))
        var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
    }
  }

  &:active, &._3e7nca_is-dragged {
    border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
  }
}

._3e7nca_spectrum-Slider--ramp {
  & ._3e7nca_spectrum-Slider-handle {
    box-shadow: 0 0 0 4px var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
  }
}

._3e7nca_spectrum-Slider-input {
  background: none;
}

._3e7nca_spectrum-Slider-tick {
  &:after {
    background-color: var(--spectrum-slider-tick-mark-color, var(--spectrum-alias-track-color-default));
  }
}

._3e7nca_spectrum-Slider-handle {
  &._3e7nca_is-dragged {
    border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));
    background: var(--spectrum-slider-handle-background-color-down, var(--spectrum-alias-background-color-transparent));
  }
}

._3e7nca_spectrum-Slider--range {
  & ._3e7nca_spectrum-Slider-track {
    &:not(:first-of-type):not(:last-of-type) {
      &:before {
        background: var(--spectrum-slider-fill-track-color, var(--spectrum-global-color-gray-700));
      }
    }
  }
}

._3e7nca_spectrum-Slider--color {
  & ._3e7nca_spectrum-Slider-controls:before {
    background-color: var(--spectrum-global-color-static-white, #fff);
    background-image: linear-gradient(-45deg,
        transparent 75.5%,
        var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%),
      linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, #bcbcbc) 75.5%),
      linear-gradient(-45deg,
        var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%,
        transparent 25.5%),
      linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, #bcbcbc) 25.5%, transparent 25.5%);
    background-size: var(--spectrum-global-dimension-static-size-200, 16px)
      var(--spectrum-global-dimension-static-size-200, 16px);
    background-position: 0 0,
      0 var(--spectrum-global-dimension-static-size-100, 8px),
      var(--spectrum-global-dimension-static-size-100, 8px)
        calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)),
      calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px)) 0;
    z-index: 0;
  }

  & ._3e7nca_spectrum-Slider-track {
    background-color: #0000;
    background-image: linear-gradient(to right,
      var(--spectrum-slider-color-track-background-color-gradient-start, var(--spectrum-global-color-blue-400)),
      var(--spectrum-slider-color-track-background-color-gradient-end, var(--spectrum-global-color-blue-700)));
    box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-track-border-color, var(--spectrum-alias-border-color-translucent-dark));

    &:before {
      display: none;
    }
  }

  & ._3e7nca_spectrum-Slider-handle {
    box-shadow: inset 0 0 0 1px var(--spectrum-slider-color-handle-inset-border-color, var(--spectrum-alias-border-color-translucent-dark)),
      0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color, var(--spectrum-alias-border-color-translucent-dark));
    border-color: var(--spectrum-slider-color-handle-border-color, var(--spectrum-global-color-gray-50));
    background: var(--spectrum-slider-color-handle-color, var(--spectrum-alias-border-color-transparent));

    &._3e7nca_is-focused {
      box-shadow: 0 0 0 1px var(--spectrum-slider-color-handle-outset-border-color-key-focus, var(--spectrum-alias-border-color-translucent-dark));
    }
  }
}

._3e7nca_spectrum-Dial-handle {
  box-shadow: none;

  &:before {
    display: none;
  }

  &:after {
    background-color: var(--spectrum-dial-handle-marker-color, var(--spectrum-global-color-gray-700));
  }

  &._3e7nca_is-hovered {
    &:after {
      background-color: var(--spectrum-dial-handle-marker-color-hover, var(--spectrum-global-color-gray-800));
    }
  }

  &._3e7nca_is-focused {
    background-color: var(--spectrum-slider-handle-background-color-key-focus, var(--spectrum-alias-background-color-transparent));
    border-color: var(--spectrum-slider-handle-border-color-key-focus, var(--spectrum-global-color-gray-800));

    &:after {
      background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
    }
  }

  &:active, &._3e7nca_is-dragged {
    background-color: var(--spectrum-dial-border-color-hover, var(--spectrum-global-color-gray-800));
    border-color: var(--spectrum-slider-handle-border-color-down, var(--spectrum-global-color-gray-800));

    &:after {
      background-color: var(--spectrum-dial-handle-marker-color-key-focus, var(--spectrum-global-color-gray-50));
    }
  }
}

._3e7nca_spectrum-Dial-controls {
  &:before, &:after {
    background-color: var(--spectrum-dial-min-max-tick-color, var(--spectrum-global-color-gray-600));
  }
}

._3e7nca_spectrum-Dial {
  &._3e7nca_is-disabled {
    & ._3e7nca_spectrum-Dial-labelContainer {
      color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
    }

    & ._3e7nca_spectrum-Dial-controls {
      &:after, &:before {
        background-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
      }
    }

    & ._3e7nca_spectrum-Dial-handle {
      border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
      background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));

      &._3e7nca_is-hovered, &:active {
        border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
        background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
      }

      &:after, &:before {
        background-color: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
      }
    }
  }
}

._3e7nca_spectrum-Slider {
  &._3e7nca_is-disabled {
    & ._3e7nca_spectrum-Slider-labelContainer {
      color: var(--spectrum-label-text-color-disabled, var(--spectrum-alias-text-color-disabled));
    }

    & ._3e7nca_spectrum-Slider-handle {
      border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
      background: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));

      &._3e7nca_is-hovered, &:active {
        border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
        background: var(--spectrum-slider-handle-background-color, var(--spectrum-alias-background-color-transparent));
      }
    }

    & ._3e7nca_spectrum-Slider-track {
      &:before {
        background: var(--spectrum-slider-track-color-disabled, var(--spectrum-global-color-gray-300));
      }
    }

    &._3e7nca_spectrum-Slider--filled {
      & ._3e7nca_spectrum-Slider-track:first-child {
        &:before {
          background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
        }
      }
    }

    & ._3e7nca_spectrum-Slider-fill {
      &:before {
        background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
      }
    }

    & ._3e7nca_spectrum-Slider-buffer {
      &:before {
        background: var(--spectrum-slider-player-track-buffer-color-disabled, var(--spectrum-alias-track-color-default));
      }
    }

    & ._3e7nca_spectrum-Slider-ramp {
      & path {
        fill: var(--spectrum-slider-ramp-track-color-disabled, var(--spectrum-global-color-gray-200));
      }
    }

    &._3e7nca_spectrum-Slider--color {
      & ._3e7nca_spectrum-Slider-track {
        box-shadow: none;
        background: var(--spectrum-slider-color-track-color-disabled, var(--spectrum-global-color-gray-200)) !important;
      }

      & ._3e7nca_spectrum-Slider-handle {
        background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
        box-shadow: none;
        border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));

        &._3e7nca_is-hovered, &:active {
          background: var(--spectrum-slider-color-handle-color-disabled, var(--spectrum-alias-border-color-transparent));
          box-shadow: none;
          border-color: var(--spectrum-slider-color-handle-border-color-disabled, var(--spectrum-global-color-gray-400));
        }
      }
    }

    &._3e7nca_spectrum-Slider--range {
      & ._3e7nca_spectrum-Slider-track {
        &:not(:first-of-type):not(:last-of-type) {
          &:before {
            background: var(--spectrum-slider-fill-track-color-disabled, var(--spectrum-global-color-gray-300));
          }
        }
      }
    }
  }
}

._3e7nca_spectrum-Slider--label-side {
  align-items: center;
  gap: 7px;
  display: flex;

  & > * {
    display: inline-block;
  }

  & ._3e7nca_spectrum-Slider-labelContainer {
    flex-shrink: 0;
    padding-top: 0;
  }

  & ._3e7nca_spectrum-Slider-label {
    margin-inline-end: var(--spectrum-slider-label-gap-x, var(--spectrum-global-dimension-size-200));
  }
}

@media (forced-colors: active) {
  ._3e7nca_spectrum-Dial {
    --spectrum-dial-border-color-hover: Highlight;
    --spectrum-dial-handle-marker-color: ButtonText;
    --spectrum-dial-handle-marker-color-hover: Highlight;
    --spectrum-dial-handle-marker-color-key-focus: Highlight;
    --spectrum-dial-min-max-tick-color: GrayText;
  }

  ._3e7nca_spectrum-Slider {
    forced-color-adjust: none;
    --spectrum-alias-background-color-default: ButtonFace;
    --spectrum-alias-focus-color: ButtonText;
    --spectrum-label-text-color: CanvasText;
    --spectrum-label-text-color-disabled: GrayText;
    --spectrum-slider-color-handle-border-color: ButtonText;
    --spectrum-slider-color-handle-border-color-disabled: GrayText;
    --spectrum-slider-color-handle-color: ButtonFace;
    --spectrum-slider-color-handle-color-disabled: ButtonFace;
    --spectrum-slider-color-handle-outset-border-color-key-focus: ButtonText;
    --spectrum-slider-color-track-border-color: ButtonText;
    --spectrum-slider-color-track-color-disabled: GrayText;
    --spectrum-slider-fill-track-color: Highlight;
    --spectrum-slider-fill-track-color-disabled: GrayText;
    --spectrum-slider-handle-background-color: ButtonFace;
    --spectrum-slider-handle-background-color-down: ButtonFace;
    --spectrum-slider-handle-background-color-key-focus: Highlight;
    --spectrum-slider-handle-border-color: ButtonText;
    --spectrum-slider-handle-border-color-disabled: GrayText;
    --spectrum-slider-handle-border-color-down: Highlight;
    --spectrum-slider-handle-border-color-hover: Highlight;
    --spectrum-slider-handle-border-color-key-focus: Highlight;
    --spectrum-slider-handle-focus-ring-color-key-focus: ButtonText;
    --spectrum-slider-player-track-buffer-color: ButtonText;
    --spectrum-slider-player-track-buffer-color-disabled: GrayText;
    --spectrum-slider-ramp-track-color-disabled: GrayText;
    --spectrum-slider-tick-mark-color: ButtonText;
    --spectrum-slider-track-color: ButtonText;
    --spectrum-slider-track-color-disabled: GrayText;
  }
}
/*# sourceMappingURL=slider_vars.css.map */