.cp-popover{position:absolute;z-index:99999;width:240px;padding:10px;background:#1a1c20;border:1px solid #2e3036;border-radius:10px;box-shadow:0 10px 40px #0000008c,0 2px 6px #0006;font-family:Inter,Segoe UI,system-ui,sans-serif;user-select:none;-webkit-user-select:none}.cp-sv{position:relative;width:220px;height:140px;border-radius:6px;overflow:hidden;cursor:crosshair;border:1px solid rgba(255,255,255,.08)}.cp-sv-bg{position:absolute;inset:0;background:red}.cp-sv-cursor{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #000c;transform:translate(-50%,-50%);pointer-events:none;top:0;left:0}.cp-hue{position:relative;width:220px;height:14px;margin-top:10px;border-radius:7px;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:ew-resize;border:1px solid rgba(255,255,255,.08)}.cp-hue-cursor{position:absolute;top:50%;width:6px;height:20px;border-radius:3px;background:#fff;box-shadow:0 0 0 1px #000c;transform:translate(-50%,-50%);pointer-events:none;left:0}.cp-row{display:flex;align-items:center;gap:8px;margin-top:10px}.cp-preview{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:red;flex-shrink:0;background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%)}.cp-hex{flex:1;min-width:0;height:28px;padding:0 8px;background:#0e1014;border:1px solid #2e3036;border-radius:5px;color:#e8eaed;font-family:JetBrains Mono,Courier New,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.cp-hex:focus{outline:none;border-color:#fe2c55}.cp-close{width:28px;height:28px;background:#fe2c55;border:none;border-radius:5px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cp-close:hover{background:#ff4570}input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:0;overflow:hidden;background:transparent}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}input[type=color]::-moz-color-swatch{border:none;border-radius:5px}
/*# sourceMappingURL=color-picker.css.map */