.color-picker-component{background:#fff;border:1px solid #e9f0f6;border-radius:4px;height:28px;padding:5px;display:inline-block}.color-picker-component .color-picker-toggle-btn{cursor:pointer}.color-picker-component .color-picker-toggle-btn .dropdown-arrow{width:15px;height:15px;transition:transform .25s ease-out}.color-picker-component .color-picker-toggle-btn .dropdown-arrow.open{transform:rotate(180deg)}.color-picker-component .color-picker-toggle-btn .icon-wrapper{flex-direction:column;align-items:flex-start;padding:0 0 0 6px;display:flex}.color-picker-component .color-picker-toggle-btn .color-picker-toggle-btn-color{width:15px;height:3px;margin-bottom:-3px}.color-picker-component.adjusted{background:0 0;border:none;border-radius:0;padding:0}.color-picker-component.adjusted.disabled .color-picker-toggle-btn{opacity:1;pointer-events:all;cursor:not-allowed}.color-picker-component.adjusted.disabled .color-picker-toggle-btn-color{background:#c4cfd7!important}.color-picker-component.disabled .color-picker-toggle-btn{opacity:.3;pointer-events:none}.color-picker-pane-menu .praxie-menu-paper{margin-top:4px;overflow:visible}.color-picker-pane-menu .praxie-menu-paper .praxie-menu-list{padding:0}.color-picker-pane-menu .praxie-menu-paper .praxie-menu-list .color-picker-wrapper{background:#fff;border-radius:4px;padding:10px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026}.color-picker-pane-menu .praxie-menu-paper .praxie-menu-list .color-picker-wrapper .sketch-picker{box-shadow:none!important;padding:0!important}.color-picker-pane-menu .praxie-menu-paper .praxie-menu-list .color-picker-wrapper .up-button{width:100%}