.sSiP7G_spectrum-ColorLoupe {
  width: calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600))  + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
  height: calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800))  + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2);
  transform: translate(0, var(--spectrum-global-dimension-static-size-100, 8px));
  opacity: 0;
  transform-origin: bottom;
  margin-top: calc(calc(var(--spectrum-colorloupe-height, var(--spectrum-global-dimension-static-size-800))  + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) * -1 - var(--spectrum-global-dimension-static-size-200, 16px));
  margin-left: calc(calc(calc(var(--spectrum-colorloupe-width, var(--spectrum-global-dimension-static-size-600))  + var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25)) * 2) / -2));
  pointer-events: none;
  transition: transform .1s ease-in-out, opacity .125s ease-in-out;
  position: absolute;
}

.sSiP7G_spectrum-ColorLoupe.sSiP7G_is-open {
  opacity: 1;
  z-index: 2;
  transform: translate(0);
}

.sSiP7G_spectrum-ColorLoupe-outer {
  stroke-width: var(--spectrum-colorloupe-outer-border-size, var(--spectrum-global-dimension-static-size-10));
  fill: var(--spectrum-colorloupe-inner-border-color, var(--spectrum-global-color-static-white));
  stroke: var(--spectrum-colorloupe-outer-border-color, #3232321a);
}

.sSiP7G_spectrum-ColorLoupe-inner-background {
  fill: var(--spectrum-global-color-static-white, #fff);
}

.sSiP7G_spectrum-ColorLoupe-inner-checker {
  fill: #e6e6e6;
}

@media (forced-colors: active) {
  .sSiP7G_spectrum-ColorLoupe {
    forced-color-adjust: none;
    --spectrum-colorloupe-inner-border-color: ButtonText;
    --spectrum-colorloupe-outer-border-color: ButtonFace;
  }
}
/*# sourceMappingURL=color.ff589589.css.map */