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

.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel {
  width: calc(var(--spectrum-global-dimension-size-125) * 16);
  height: calc(var(--spectrum-global-dimension-size-125) * 16);
  --spectrum-colorwheel-track-thickness: var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300));
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  cursor: default;
  border-radius: 100%;
  display: block;
  position: relative;
}

.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel .wa9InG_spectrum-ColorWheel-handle {
  margin: 0;
}

.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel.wa9InG_is-focused {
  z-index: 2;
}

.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled {
  pointer-events: none;
}

.wa9InG_spectrum-ColorWheel.wa9InG_spectrum-ColorWheel.wa9InG_is-dragged {
  z-index: 2;
}

.wa9InG_spectrum-ColorWheel-gradient {
  z-index: 0;
  width: calc(var(--spectrum-global-dimension-size-125) * 16);
  height: calc(var(--spectrum-global-dimension-size-125) * 16);
  position: relative;
}

.wa9InG_spectrum-ColorWheel-gradient:before, .wa9InG_spectrum-ColorWheel-gradient:after {
  content: "";
  border-width: var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));
  border-style: solid;
  border-radius: 100%;
  position: absolute;
}

.wa9InG_spectrum-ColorWheel-gradient:before {
  inset: 0;
}

.wa9InG_spectrum-ColorWheel-gradient:after {
  top: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
  left: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
  bottom: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
  right: calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300))  - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));
}

.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-gradient {
  background: var(--spectrum-colorwheel-fill-color-disabled, var(--spectrum-global-color-gray-300)) !important;
}

.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-gradient:before, .wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-gradient:after {
  border-color: var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-global-color-gray-300));
}

.wa9InG_spectrum-ColorWheel.wa9InG_is-disabled .wa9InG_spectrum-ColorWheel-segment {
  display: none;
}

.wa9InG_spectrum-ColorWheel-gradient:before, .wa9InG_spectrum-ColorWheel-gradient:after {
  border-color: var(--spectrum-colorarea-border-color);
}

@media (forced-colors: active) {
  .wa9InG_spectrum-ColorWheel {
    forced-color-adjust: none;
    --spectrum-colorwheel-fill-color-disabled: GrayText;
    --spectrum-colorwheel-border-color-disabled: GrayText;
    --spectrum-colorwheel-border-color: ButtonText;
    --spectrum-colorarea-border-color: ButtonText;
  }
}
/*# sourceMappingURL=color.0da417e8.css.map */