.sf-cp[data-v-3847c9ea]{display:inline-flex}.sf-cp-swatch[data-v-3847c9ea]{border:2px solid hsla(0,0%,100%,.7);border-radius:50%;cursor:pointer;padding:0;box-shadow:0 0 0 1px #00000026,0 1px 3px #0000004d;flex-shrink:0}.sf-cp-panel[data-v-3847c9ea]{position:fixed;z-index:2147483600;width:264px;background:#0a0a0a;border:1px solid hsla(0,0%,100%,.12);border-radius:var(--sf-radius-card,14px);box-shadow:0 18px 48px #0009;padding:12px;display:flex;flex-direction:column;gap:12px}.sf-cp-area[data-v-3847c9ea]{position:relative;width:100%;height:150px;border-radius:var(--sf-radius-card,10px);cursor:crosshair;touch-action:none}.sf-cp-area-dot[data-v-3847c9ea]{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.sf-cp-hue[data-v-3847c9ea]{position:relative;width:100%;height:14px;border-radius:999px;cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.sf-cp-hue-dot[data-v-3847c9ea]{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.sf-cp-foot[data-v-3847c9ea]{display:flex;align-items:center;gap:10px}.sf-cp-preview[data-v-3847c9ea]{width:34px;height:34px;border-radius:8px;border:1px solid hsla(0,0%,100%,.18);flex-shrink:0}.sf-cp-hex[data-v-3847c9ea]{flex:1;min-width:0;background:#1a1a1a;border:1px solid hsla(0,0%,100%,.14);border-radius:var(--sf-radius-card,8px);color:#f1f5f9;padding:8px 10px;font-family:ui-monospace,monospace;font-size:13px;text-transform:uppercase;outline:none}.sf-cp-hex[data-v-3847c9ea]:focus{border-color:#fff6}