.mhv-cp-hex[data-v-4d4fef04],.mhv-cp-swatch[data-v-4d4fef04],.mhv-cp-trigger[data-v-4d4fef04]{border:1px solid var(--mhv-hairline);background-color:var(--mhv-surface);cursor:pointer}.mhv-cp-trigger[data-v-4d4fef04]{border-radius:var(--edges);width:100%;color:rgb(var(--mhv-gray-900));align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.875rem;transition:border-color .15s ease-out;display:flex}.mhv-cp-trigger[data-v-4d4fef04]:focus,.mhv-cp-trigger[data-v-4d4fef04]:hover{border-color:var(--primaryColor);background-color:var(--mhv-surface);color:rgb(var(--mhv-gray-900))}.mhv-cp-trigger[data-v-4d4fef04]:disabled{opacity:.5;cursor:not-allowed}.mhv-cp-value[data-v-4d4fef04]{text-align:left;font-variant-numeric:tabular-nums;flex:auto}.mhv-cp-chip[data-v-4d4fef04]{border:1px solid var(--mhv-hairline);border-radius:calc(var(--edges) / 2);flex:none;width:1.25rem;height:1.25rem;display:inline-block}.mhv-cp-label[data-v-4d4fef04]{letter-spacing:.02em;color:rgb(var(--mhv-gray-500));text-transform:uppercase;margin:0 0 .375rem;font-size:.6875rem;font-weight:600}.mhv-cp-swatch[data-v-4d4fef04]{border-radius:calc(var(--edges) / 2);width:1.75rem;height:1.75rem;padding:0}.mhv-cp-swatch[data-v-4d4fef04]:hover{border-color:var(--primaryColor)}.mhv-cp-swatch--on[data-v-4d4fef04]{box-shadow:0 0 0 2px var(--mhv-surface),0 0 0 4px var(--primaryColor)}.mhv-cp-sv[data-v-4d4fef04]{border-radius:var(--edges);cursor:crosshair;touch-action:none;width:100%;height:7rem;position:relative;overflow:hidden}.mhv-cp-sv__black[data-v-4d4fef04],.mhv-cp-sv__white[data-v-4d4fef04]{position:absolute;inset:0}.mhv-cp-sv__white[data-v-4d4fef04]{background:linear-gradient(90deg,#fff,#fff0)}.mhv-cp-sv__black[data-v-4d4fef04]{background:linear-gradient(#0000,#000)}.mhv-cp-hue[data-v-4d4fef04]{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);width:100%;margin-top:.5rem;position:relative}.mhv-cp-hue[data-v-4d4fef04],.mhv-cp-knob[data-v-4d4fef04]{border-radius:999px;height:.75rem}.mhv-cp-knob[data-v-4d4fef04]{pointer-events:none;border:2px solid #fff;width:.75rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.mhv-cp-hex[data-v-4d4fef04]{border-radius:calc(var(--edges) / 2);width:100%;color:rgb(var(--mhv-gray-900));font-variant-numeric:tabular-nums;cursor:text;padding:.25rem .5rem;font-size:.8125rem}.mhv-cp-hex[data-v-4d4fef04]:focus,.mhv-cp-hex[data-v-4d4fef04]:focus-visible{border-color:var(--primaryColor);box-shadow:none;outline:none}