.color-wrap[data-v-67997a70],.input-wrap[data-v-67997a70]{align-items:center;gap:.5rem;display:flex;position:relative}.control[data-v-67997a70]{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-0);width:100%;height:2.5rem;color:var(--color-text);font:inherit;padding:0 .75rem;font-size:.875rem}.control[data-v-67997a70]:hover:not(:disabled){border-color:var(--color-brand-300)}.control[data-v-67997a70]:disabled{opacity:.55;background:var(--color-surface-50)}.unit[data-v-67997a70]{color:var(--color-text-muted);pointer-events:none;font-size:.8125rem;position:absolute;right:.75rem}.input-wrap:has(.unit) .control[data-v-67997a70]{padding-right:2.25rem}.swatch[data-v-67997a70]{border:1px solid var(--color-border);border-radius:var(--radius-control);cursor:pointer;flex-shrink:0;width:2.5rem;height:2.5rem;position:relative;overflow:hidden}.swatch-input[data-v-67997a70]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.hex[data-v-67997a70]{font-variant-numeric:tabular-nums;text-transform:lowercase}