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