.color-picker__field[data-v-1e246a7a],.color-picker__row[data-v-1e246a7a]{align-items:center;gap:.5rem;display:flex}.color-picker__swatch[data-v-1e246a7a]{cursor:pointer;border:1px solid #00000026;flex:none;width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px #ffffff26}.color-picker__swatch--sm[data-v-1e246a7a]{width:.875rem;height:.875rem}.color-picker__swatch[data-v-1e246a7a]:disabled{cursor:not-allowed;opacity:.5}.color-picker__field .color-picker__hex[data-v-1e246a7a]{flex:1;width:auto}.color-picker__hex[data-v-1e246a7a]{border:1px solid var(--theme-line,#d0d5dd);width:5.5rem;color:var(--theme-ink,#1d2939);text-transform:uppercase;background:0 0;padding:.375rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.color-picker__panel[data-v-1e246a7a]{z-index:200;border:1px solid var(--theme-line,#e4e7ec);background:var(--theme-card,#fff);border-radius:.5rem;padding:.75rem;position:fixed;box-shadow:0 16px 40px #1018282e}.color-picker__sv-wrap[data-v-1e246a7a]{position:relative}.color-picker__sv[data-v-1e246a7a]{cursor:crosshair;touch-action:none;border-radius:.5rem;height:8.5rem;position:relative;overflow:hidden}.color-picker__sv-black[data-v-1e246a7a],.color-picker__sv-white[data-v-1e246a7a]{pointer-events:none;position:absolute;inset:0}.color-picker__sv-white[data-v-1e246a7a]{background:linear-gradient(90deg,#fff,#0000)}.color-picker__sv-black[data-v-1e246a7a]{background:linear-gradient(#0000,#000)}.color-picker__hue[data-v-1e246a7a]{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:.75rem;margin-top:.75rem;position:relative}.color-picker__knob[data-v-1e246a7a]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:.875rem;height:.875rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #10182866}.color-picker__knob--hue[data-v-1e246a7a]{top:50%}.color-picker__row[data-v-1e246a7a]{margin-top:.75rem}.color-picker__preview[data-v-1e246a7a]{border:1px solid #0000001f;border-radius:.5rem;flex:none;width:1.75rem;height:1.75rem}.color-picker__presets[data-v-1e246a7a]{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.color-picker__preset[data-v-1e246a7a]{cursor:pointer;border:2px solid #0000;width:1.25rem;height:1.25rem}.color-picker__preset--active[data-v-1e246a7a]{border-color:#fff;box-shadow:0 0 0 1px #98a2b3}