._spectrum-ColorHandle_5a9f41._focus-ring_5a9f41,._spectrum-ColorHandle_5a9f41._is-focused_5a9f41{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)));width:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2)}._spectrum-ColorHandle_5a9f41{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));background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px);border-style:solid;border-width:var(--spectrum-colorhandle-inner-border-size,var(--spectrum-global-dimension-static-size-25));box-sizing:border-box;display:block;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);position:absolute;transition:width var(--spectrum-global-animation-duration-100,.13s) ease-in-out,height var(--spectrum-global-animation-duration-100,.13s) ease-in-out,border-width var(--spectrum-global-animation-duration-100,.13s) ease-in-out,margin-left var(--spectrum-global-animation-duration-100,.13s) ease-in-out,margin-top var(--spectrum-global-animation-duration-100,.13s) ease-in-out;width:var(--spectrum-colorhandle-size,var(--spectrum-global-dimension-size-200));z-index:1}._spectrum-ColorHandle_5a9f41,._spectrum-ColorHandle_5a9f41:after{border-radius:100%}._spectrum-ColorHandle_5a9f41:after{content:"";display:block;height:var(--spectrum-global-dimension-size-300);left:calc(50% - var(--spectrum-global-dimension-size-300) / 2);position:absolute;top:calc(50% - var(--spectrum-global-dimension-size-300) / 2);width:var(--spectrum-global-dimension-size-300)}._spectrum-ColorHandle_5a9f41._is-disabled_5a9f41{pointer-events:none}._spectrum-ColorHandle-color_5a9f41{border-radius:100%;height:100%;width:100%}._spectrum-ColorHandle_5a9f41{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%);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,.42)}._spectrum-ColorHandle_5a9f41._is-disabled_5a9f41{background:var(--spectrum-colorhandle-fill-color-disabled,var(--spectrum-global-color-gray-300));border-color:var(--spectrum-colorhandle-inner-border-color-disabled,var(--spectrum-global-color-gray-400));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,.42)}._spectrum-ColorLoupe_c818a8{bottom:calc(50% + var(--spectrum-global-dimension-static-size-200, 16px));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);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);opacity:0;pointer-events:none;position:absolute;transform:translateY(var(--spectrum-global-dimension-static-size-100,8px));transform-origin:bottom center;transition:transform .1s ease-in-out,opacity 125ms ease-in-out;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)}._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,.1))}._spectrum-ColorLoupe-inner-background_c818a8{fill:var(--spectrum-global-color-static-white,#fff)}._spectrum-ColorLoupe-inner-checker_c818a8{fill:var(--spectrum-global-color-static-gray-500,#bcbcbc)}._spectrum-ColorWheel_31462a._is-focused_31462a ._spectrum-ColorWheel-handle_31462a{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)));width:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2)}._spectrum-ColorWheel-slider_31462a{height:100%;left:0;margin:0;opacity:.0001;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}._spectrum-ColorWheel_31462a{--spectrum-colorwheel-track-thickness:var(--spectrum-colorwheel-track-width,var(--spectrum-global-dimension-size-300));border-radius:100%;cursor:default;display:block;height:calc(var(--spectrum-global-dimension-size-125) * 16);position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:calc(var(--spectrum-global-dimension-size-125) * 16)}._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{height:calc(var(--spectrum-global-dimension-size-125) * 16);position:relative;width:calc(var(--spectrum-global-dimension-size-125) * 16);z-index:0}._spectrum-ColorWheel-gradient_31462a:after,._spectrum-ColorWheel-gradient_31462a:before{border-radius:100%;border-style:solid;border-width:var(--spectrum-colorwheel-border-size,var(--spectrum-alias-border-size-thin));content:"";position:absolute}._spectrum-ColorWheel-gradient_31462a:before{bottom:0;left:0;right:0;top:0}._spectrum-ColorWheel-gradient_31462a:after{bottom: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)));right:calc(var(--spectrum-colorwheel-track-width, var(--spectrum-global-dimension-size-300)) - var(--spectrum-colorwheel-border-size, var(--spectrum-alias-border-size-thin)));top: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:after,._spectrum-ColorWheel_31462a._is-disabled_31462a ._spectrum-ColorWheel-gradient_31462a:before{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:after,._spectrum-ColorWheel-gradient_31462a:before{border-color:var(--spectrum-colorarea-border-color)}._spectrum-ColorSlider_a5bb06._is-focused_a5bb06 ._spectrum-ColorSlider-handle_a5bb06{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)));width:calc(var(--spectrum-colorhandle-size, var(--spectrum-global-dimension-size-200)) * 2)}._spectrum-ColorSlider-slider_a5bb06{height:100%;left:0;margin:0;opacity:.0001;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}._spectrum-ColorSlider-container--horizontal_a5bb06{width:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400))}._spectrum-ColorSlider-container--vertical_a5bb06{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--spectrum-colorslider-default-length,var(--spectrum-global-dimension-size-2400))}._spectrum-ColorSlider_a5bb06{cursor:default;display:block;height:var(--spectrum-colorslider-height,var(--spectrum-global-dimension-size-300));position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}._spectrum-ColorSlider_a5bb06,._spectrum-ColorSlider_a5bb06:before{border-radius:var(--spectrum-colorslider-border-radius,var(--spectrum-alias-border-radius-regular))}._spectrum-ColorSlider_a5bb06:before{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;background-size:var(--spectrum-global-dimension-static-size-200,16px) var(--spectrum-global-dimension-static-size-200,16px);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}._spectrum-ColorSlider_a5bb06._is-focused_a5bb06{z-index:2}._spectrum-ColorSlider_a5bb06._is-disabled_a5bb06{pointer-events:none}._spectrum-ColorSlider--vertical_a5bb06{display:inline-block;-ms-flex:1;flex:1;width:var(--spectrum-colorslider-vertical-width,var(--spectrum-global-dimension-size-300))}._spectrum-ColorSlider--vertical_a5bb06 ._spectrum-ColorSlider-handle_a5bb06{left:50%;top:0}._spectrum-ColorSlider-handle_a5bb06{left:0;top:50%}._spectrum-ColorSlider-handle_a5bb06:after{border-radius:0;height:var(--spectrum-global-dimension-size-300);width:var(--spectrum-global-dimension-size-300)}._spectrum-ColorSlider_a5bb06{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)}._spectrum-ColorSlider_a5bb06:before{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%)}._spectrum-ColorSlider_a5bb06._is-disabled_a5bb06{background:var(--spectrum-colorslider-fill-color-disabled,var(--spectrum-global-color-gray-300))!important;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))}._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}