.color-picker[data-v-23d21ff3]{position:relative;display:block}.cp-trigger[data-v-23d21ff3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:148px;height:38px;border-radius:8px;border:none;padding:0 12px;cursor:pointer;-webkit-transition:opacity .15s;transition:opacity .15s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15)}.cp-trigger[data-v-23d21ff3]:hover{opacity:.88}.cp-trigger__hex[data-v-23d21ff3]{font-size:12px;font-weight:600;letter-spacing:.4px}.cp-trigger__icon[data-v-23d21ff3]{font-size:9px;opacity:.7}.cp-panel[data-v-23d21ff3]{position:absolute;top:calc(100% + 8px);right:0;z-index:9999;width:172px;padding:12px;background:#fff;border-radius:10px;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.14);box-shadow:0 8px 24px rgba(0,0,0,.14);border:1px solid #eef0f3}.cp-panel__native[data-v-23d21ff3]{width:100%;height:72px;border:none;border-radius:6px;padding:0;cursor:pointer;display:block;margin-bottom:8px}.cp-panel__hex-input[data-v-23d21ff3]{border-radius:6px!important;font-size:13px;font-weight:500;width:100%}.cp-panel__close[data-v-23d21ff3]{display:block;width:100%;margin-top:8px;background:none;border:none;font-size:12px;color:#4c70ff;cursor:pointer;text-align:center;font-weight:500}.cp-panel__close[data-v-23d21ff3]:hover{text-decoration:underline}