.spectrum-ColorHandle_5a9f41.is-focused_5a9f41,.spectrum-ColorHandle_5a9f41.focus-ring_5a9f41{width:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);height:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);margin-left:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));margin-top:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)))}.spectrum-ColorHandle_5a9f41{z-index:1;box-sizing:border-box;width:var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));height:var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200));margin-left:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2);margin-top:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) / 2);border-width:var(--spectrum-colorhandle-inner-border-size, var(--spectrum-global-dimension-static-size-25));background-size:var(--spectrum-global-dimension-static-size-200, 16px)
    var(--spectrum-global-dimension-static-size-200, 16px);background-position:calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)),
    calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(var(--spectrum-global-dimension-static-size-100, 8px) + -1 * var(--spectrum-global-dimension-static-size-25, 2px)),
    calc(var(--spectrum-global-dimension-static-size-100, 8px) + -1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + -1 * var(--spectrum-global-dimension-static-size-25, 2px)),
    calc(-1 * var(--spectrum-global-dimension-static-size-100, 8px) + -1 * var(--spectrum-global-dimension-static-size-25, 2px)) calc(-1 * var(--spectrum-global-dimension-static-size-25, 2px));transition:width var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
    height var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
    border-width var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
    margin-left var(--spectrum-global-animation-duration-100, 130ms) ease-in-out,
    margin-top var(--spectrum-global-animation-duration-100, 130ms) ease-in-out;border-style:solid;display:block;position:absolute}.spectrum-ColorHandle_5a9f41,.spectrum-ColorHandle_5a9f41:after{border-radius:100%}.spectrum-ColorHandle_5a9f41:after{content:'';left:calc(50% - var(--spectrum-global-dimension-size-300) / 2);top:calc(50% - var(--spectrum-global-dimension-size-300) / 2);width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);display:block;position:absolute}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41{pointer-events:none}.spectrum-ColorHandle-color_5a9f41{width:100%;height:100%;border-radius:100%}.spectrum-ColorHandle_5a9f41{border-color:var(--spectrum-colorhandle-inner-border-color, var(--spectrum-global-color-static-white));box-shadow:0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) rgba(0, 0, 0, 0.42);background-color:var(--spectrum-global-color-static-white, rgb(255, 255, 255));background-image:linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
    linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
    linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%),
    linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%)}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41{border-color:var(--spectrum-colorhandle-inner-border-color-disabled, var(--spectrum-global-color-gray-400));background:var(--spectrum-colorhandle-fill-color-disabled, var(--spectrum-global-color-gray-300));box-shadow:none}.spectrum-ColorHandle_5a9f41.is-disabled_5a9f41 .spectrum-ColorHandle-color_5a9f41{display:none}.spectrum-ColorHandle-color_5a9f41{box-shadow:inset 0 0 0 var(--spectrum-colorhandle-outer-border-size, var(--spectrum-global-dimension-static-size-10)) rgba(0, 0, 0, 0.42)}.spectrum-ColorLoupe_c818a8{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;bottom:calc(50% + var(--spectrum-global-dimension-static-size-200, 16px));left:calc(50% - (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}.spectrum-ColorLoupe_c818a8.is-open_c818a8{opacity:1;transform:translate(0)}.spectrum-ColorLoupe-outer_c818a8{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, rgba(50,50,50,0.1))}.spectrum-ColorLoupe-inner-background_c818a8{fill:var(--spectrum-global-color-static-white, rgb(255, 255, 255))}.spectrum-ColorLoupe-inner-checker_c818a8{fill:var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188))}.spectrum-ColorWheel_31462a.is-focused_31462a .spectrum-ColorWheel-handle_31462a{width:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);height:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);margin-left:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));margin-top:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)))}.spectrum-ColorWheel-slider_31462a{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorWheel_31462a{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;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;border-radius:100%;display:block;position:relative}.spectrum-ColorWheel_31462a .spectrum-ColorWheel-handle_31462a{margin:0}.spectrum-ColorWheel_31462a.is-focused_31462a{z-index:2}.spectrum-ColorWheel_31462a.is-disabled_31462a{pointer-events:none}.spectrum-ColorWheel_31462a.is-dragged_31462a{z-index:2}.spectrum-ColorWheel-gradient_31462a{z-index:0;width:calc(var(--spectrum-global-dimension-size-125) * 16);height:calc(var(--spectrum-global-dimension-size-125) * 16);position:relative}.spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel-gradient_31462a:after{content:"";border-width:var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin));border-radius:100%;border-style:solid;position:absolute}.spectrum-ColorWheel-gradient_31462a:before{top:0;bottom:0;left:0;right:0}.spectrum-ColorWheel-gradient_31462a: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)))}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a{background:var(--spectrum-colorwheel-fill-color-disabled, var(--spectrum-global-color-gray-300))!important}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-gradient_31462a:after{border-color:var(--spectrum-colorwheel-border-color-disabled, var(--spectrum-global-color-gray-300))}.spectrum-ColorWheel_31462a.is-disabled_31462a .spectrum-ColorWheel-segment_31462a{display:none}.spectrum-ColorWheel-gradient_31462a:before,.spectrum-ColorWheel-gradient_31462a:after{border-color:var(--spectrum-colorarea-border-color)}.spectrum-ColorSlider_a5bb06.is-focused_a5bb06 .spectrum-ColorSlider-handle_a5bb06{width:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);height:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2);margin-left:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)));margin-top:calc(-1 * var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)))}.spectrum-ColorSlider-slider_a5bb06{opacity:.0001;width:100%;height:100%;z-index:0;pointer-events:none;margin:0;position:absolute;top:0;left:0}.spectrum-ColorSlider-container--horizontal_a5bb06{width:var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400))}.spectrum-ColorSlider-container--vertical_a5bb06{height:var(--spectrum-colorslider-default-length, var(--spectrum-global-dimension-size-2400));flex-direction:column;display:flex}.spectrum-ColorSlider_a5bb06{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;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;cursor:default;display:block;position:relative}.spectrum-ColorSlider_a5bb06: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;top:0;bottom:0;left:0;right:0}.spectrum-ColorSlider_a5bb06.is-focused_a5bb06{z-index:2}.spectrum-ColorSlider_a5bb06.is-disabled_a5bb06{pointer-events:none}.spectrum-ColorSlider--vertical_a5bb06{width:var(--spectrum-colorslider-vertical-width, var(--spectrum-global-dimension-size-300));flex:1;display:inline-block}.spectrum-ColorSlider--vertical_a5bb06 .spectrum-ColorSlider-handle_a5bb06{top:0;left:50%}.spectrum-ColorSlider-handle_a5bb06{top:50%;left:0}.spectrum-ColorSlider-handle_a5bb06:after{width:var(--spectrum-global-dimension-size-300);height:var(--spectrum-global-dimension-size-300);border-radius:0%}.spectrum-ColorSlider_a5bb06{background-color:var(--spectrum-global-color-static-white, rgb(255, 255, 255));box-shadow:inset 0 0 0 var(--spectrum-colorslider-border-size, var(--spectrum-alias-border-size-thin)) var(--spectrum-colorarea-border-color)}.spectrum-ColorSlider_a5bb06:before{background-image:linear-gradient(-45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
      linear-gradient(45deg, transparent 75.5%, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 75.5%),
      linear-gradient(-45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%),
      linear-gradient(45deg, var(--spectrum-global-color-static-gray-500, rgb(188, 188, 188)) 25.5%, transparent 25.5%)}.spectrum-ColorSlider_a5bb06.is-disabled_a5bb06{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}.spectrum-ColorSlider_a5bb06 .spectrum-ColorSlider-handle_a5bb06{margin:0}[dir=ltr] .react-spectrum-ColorField-input_7bde3a{text-align:left}[dir=rtl] .react-spectrum-ColorField-input_7bde3a{text-align:right}.react-spectrum-ColorField-input_7bde3a{direction:ltr}