.control-color[data-v-2b320084]{align-items:center;cursor:pointer;display:flex;gap:.5rem}.control-color-label[data-v-2b320084]{color:rgb(var(--qp-content-muted,170 170 170));font-size:.75rem;min-width:7rem;text-align:right;white-space:nowrap}.control-color-field[data-v-2b320084]{align-items:center;background:rgb(var(--qp-surface,26 26 46));border:1px solid rgb(var(--qp-stroke,42 42 78));border-radius:4px;display:flex;gap:0;overflow:hidden}.control-color-swatch[data-v-2b320084]{border:none;border-right:1px solid rgb(var(--qp-stroke,42 42 78));cursor:pointer;flex-shrink:0;height:1.6rem;padding:0;width:1.6rem}.control-color-hash[data-v-2b320084]{color:rgb(var(--qp-content-subtle,102 102 102));font-family:monospace;font-size:.8rem;padding-left:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.control-color-input[data-v-2b320084]{background:transparent;border:none;color:rgb(var(--qp-content,204 204 204));font-family:monospace;font-size:.8rem;outline:none;padding:.3rem .4rem .3rem .15rem;width:4.5rem}.control-color-popover[data-v-2b320084]{background:rgb(var(--qp-surface,26 26 46));border:1px solid rgb(var(--qp-stroke,42 42 78));border-radius:6px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:8px;padding:8px;position:fixed;z-index:10000}.control-color-sv[data-v-2b320084]{border-radius:4px;cursor:crosshair;height:120px;position:relative;touch-action:none}.control-color-sv-black[data-v-2b320084],.control-color-sv-white[data-v-2b320084]{border-radius:4px;inset:0;pointer-events:none;position:absolute}.control-color-sv-white[data-v-2b320084]{background:linear-gradient(90deg,#fff,#fff0)}.control-color-sv-black[data-v-2b320084]{background:linear-gradient(0deg,#000,transparent)}.control-color-hue-thumb[data-v-2b320084],.control-color-sv-thumb[data-v-2b320084]{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;height:10px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:10px}.control-color-hue[data-v-2b320084]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;cursor:ew-resize;height:12px;position:relative;touch-action:none}.control-color-hue-thumb[data-v-2b320084]{top:50%}.control-color-hsb-row[data-v-2b320084]{display:flex;gap:4px}.control-color-hsb[data-v-2b320084]{align-items:center;border:1px solid rgb(var(--qp-stroke,42 42 78));border-radius:4px;display:flex;flex:1;overflow:hidden}.control-color-hsb-label[data-v-2b320084]{color:rgb(var(--qp-content-subtle,102 102 102));font-family:monospace;font-size:.7rem;padding-left:.35rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.control-color-hsb-input[data-v-2b320084]{-moz-appearance:textfield;min-width:0;padding-left:.25rem;padding-right:.2rem;width:100%}.control-color-hsb-input[data-v-2b320084]::-webkit-inner-spin-button,.control-color-hsb-input[data-v-2b320084]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.control-color-hex-row[data-v-2b320084]{align-items:center;border:1px solid rgb(var(--qp-stroke,42 42 78));border-radius:4px;display:flex;overflow:hidden}.control-color-hex-swatch[data-v-2b320084]{border-right:1px solid rgb(var(--qp-stroke,42 42 78));flex-shrink:0;height:1.6rem;width:1.6rem}.control-color-hex-input[data-v-2b320084]{flex:1;width:auto}