.ColorAdvancedInput--isMobile{display:flex;flex-direction:column;justify-content:center;height:100%}.ColorAdvancedInput-saturation{position:relative;width:100%;height:150px;margin-bottom:16px}.ColorAdvancedInput--isMobile .ColorAdvancedInput-saturation{flex:1;min-height:50px;max-height:250px;margin-top:16px}.ColorAdvancedInput-row{display:flex;align-items:center;justify-content:left}.ColorAdvancedInput-hue{position:relative;flex:1;height:10px}.ColorAdvancedInput-bg{margin-bottom:8px}.ColorAdvancedInput--isMobile .ColorAdvancedInput-hue{flex:none;height:14px;margin-bottom:16px}.ColorAdvancedInput-previewSwatchContainer{position:relative;width:42px;height:26px;margin:0 16px;border:1px solid #000}.ColorAdvancedInput--isMobile .ColorAdvancedInput-previewSwatchContainer{width:60px;height:40px;margin-left:0}.ColorAdvancedInput-previewSwatch{position:absolute;top:0;left:0;width:100%;height:100%}.ColorAdvancedInput-hexInput{width:6.5em}.ColorAdvancedInput-hexInput .Input{margin-bottom:0}.ColorAdvancedInput-hexInput .Input .Input-input{width:100%;height:26px;margin-bottom:0;padding:.2em;font-size:.9em;text-align:center;text-transform:uppercase}.ColorAdvancedInput--isMobile .ColorAdvancedInput-hexInput .Input .Input-input{height:40px;font-size:16px}.ColorAdvancedInput-alphaRow{display:flex;align-items:center;justify-content:center;margin-top:8px}.ColorAdvancedInput-opacityLabel{vertical-align:middle;margin-right:16px}.ColorAdvancedInput-alpha{position:relative;flex:1;height:10px}.ColorAdvancedInput-alphaInput{width:4em;margin-left:16px}.ColorAdvancedInput-alphaInput .Input{margin-bottom:0}.ColorAdvancedInput-alphaInput .Input .Input-input{width:100%;height:26px;margin-bottom:0;padding:.2em;font-size:.9em;text-align:center}.ColorAdvancedInput-alpha .ColorAdvancedInput-pointer{margin-top:-2px}.ColorAdvancedInput-showMoreLink,.ColorAdvancedInput-sliders{margin-top:16px}.ColorAdvancedInput-eyeDropper{margin-right:8px}.ColorPointer-pointer{cursor:pointer;transform:translate(-7px,-2px);margin:-4px;padding:4px}.ColorPointer-outerCircle{width:14px;height:14px;padding-top:2px;padding-left:2px;background-color:#fff;border:1px solid #000;border-radius:100%}.ColorPointer-innerCircle{width:8px;height:8px;background-color:#000;border-radius:100%}.ColorPointer-isMobile .ColorPointer-outerCircle{width:18px;height:18px;padding-top:3px;padding-left:3px}.ColorPointer-isMobile .ColorPointer-innerCircle{width:10px;height:10px}.EyeDropper{display:flex;align-items:center;justify-content:center;overflow:hidden;width:30px!important;height:30px;padding-top:2px!important}.EyeDropper .Zazzicon{font-size:16px}.EyeDropper-canvasDiv{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%;cursor:not-allowed}.EyeDropper-canvas,.EyeDropper-canvasDiv{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.EyeDropper-canvas{position:absolute;z-index:100000;outline:1px solid #404040;cursor:none!important;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0)}.EyeDropper-magCanvas{position:fixed;z-index:100005;top:0;left:0;display:none;border:1px solid #000;border-radius:50%;pointer-events:none}.EyeDropper-loadingFixedDiv{position:fixed;z-index:100006;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.EyeDropper-loadingOverlayDiv{position:relative;width:100%;height:100%}.EyeDropper-canvasOverflow{position:absolute;overflow:hidden;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}