.uf4eyW_spectrum-ColorControl-hiddenField {
  opacity: .0001;
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.uf4eyW_spectrum-ColorSlider-container--horizontal {
  width: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
}

.uf4eyW_spectrum-ColorSlider-container--vertical {
  height: var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));
  flex-direction: column;
  display: flex;
}

.uf4eyW_spectrum-ColorSlider {
  width: 100%;
  height: var(--spectrum-colorslider-height, var(--spectrum-global-dimension-size-300));
  border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  cursor: default;
  display: block;
  position: relative;
}

.uf4eyW_spectrum-ColorSlider .uf4eyW_spectrum-ColorSlider-handle.uf4eyW_spectrum-ColorSlider-handle {
  margin: 0;
}

.uf4eyW_spectrum-ColorSlider:before {
  content: "";
  z-index: -1;
  border-radius: var(--spectrum-colorslider-border-radius, var(--spectrum-alias-border-radius-regular));
  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;
  position: absolute;
  inset: 0;
}

.uf4eyW_spectrum-ColorSlider.uf4eyW_is-focused {
  z-index: 2;
}

.uf4eyW_spectrum-ColorSlider.uf4eyW_is-disabled {
  pointer-events: none;
}

.uf4eyW_spectrum-ColorSlider--vertical {
  width: var(--spectrum-colorslider-vertical-width, var(--spectrum-global-dimension-size-300));
  flex: 1;
  display: inline-block;
}

.uf4eyW_spectrum-ColorSlider--vertical .uf4eyW_spectrum-ColorSlider-handle {
  top: 0;
  left: 50%;
}

.uf4eyW_spectrum-ColorSlider-handle {
  top: 50%;
  left: 0;
}

.uf4eyW_spectrum-ColorSlider-handle:after {
  width: var(--spectrum-global-dimension-size-300);
  height: var(--spectrum-global-dimension-size-300);
  border-radius: 0%;
}

.uf4eyW_spectrum-ColorSlider-labelContainer {
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "uf4eyW_label uf4eyW_contextualHelp uf4eyW_value";
  justify-items: start;
  display: grid;
}

.uf4eyW_spectrum-ColorSlider-contextualHelp.uf4eyW_spectrum-ColorSlider-contextualHelp {
  margin-inline-start: var(--spectrum-global-dimension-size-50);
  margin-top: var(--spectrum-global-dimension-size-25);
  grid-area: uf4eyW_contextualHelp;
}

.uf4eyW_spectrum-ColorSlider-valueLabel {
  grid-area: uf4eyW_value;
  margin-inline-start: var(--spectrum-global-dimension-size-50);
}

.uf4eyW_spectrum-ColorSlider {
  background-color: var(--spectrum-global-color-static-white, #fff);
  box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color);
}

.uf4eyW_spectrum-ColorSlider:before {
  background: repeating-conic-gradient(#e6e6e6 0% 25%, #fff 0% 50%) 0% / 16px 16px;
}

.uf4eyW_spectrum-ColorSlider.uf4eyW_is-disabled {
  box-shadow: inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorslider-border-color-disabled, var(--spectrum-global-color-gray-300));
  background: var(--spectrum-colorslider-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
}

@media (forced-colors: active) {
  .uf4eyW_spectrum-ColorSlider {
    forced-color-adjust: none;
    --spectrum-colorslider-fill-color-disabled: GrayText;
    --spectrum-colorslider-border-color-disabled: GrayText;
    --spectrum-colorslider-border-color: ButtonText;
    --spectrum-colorarea-border-color: ButtonText;
  }
}
/*# sourceMappingURL=color.4034864f.css.map */