.cp-box[data-astro-cid-yjrhhzki]{border:1px solid #e7e5e4;border-radius:12px;background:#fff;overflow:hidden}.cp-sv[data-astro-cid-yjrhhzki]{position:relative;height:190px;background-color:var(--cp-hue, hsl(234, 100%, 50%));touch-action:none;cursor:crosshair}.cp-sv[data-astro-cid-yjrhhzki]:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #394dfe73}.cp-sv-white[data-astro-cid-yjrhhzki],.cp-sv-black[data-astro-cid-yjrhhzki]{position:absolute;inset:0;pointer-events:none}.cp-sv-white[data-astro-cid-yjrhhzki]{background:linear-gradient(to right,#fff,#fff0)}.cp-sv-black[data-astro-cid-yjrhhzki]{background:linear-gradient(to top,#000,#0000)}.cp-sv-thumb[data-astro-cid-yjrhhzki]{position:absolute;width:16px;height:16px;border-radius:999px;border:2.5px solid #fff;box-shadow:0 0 0 1px #00000059,0 1px 4px #0000004d;transform:translate(-50%,-50%);background:var(--cp-solid, #384cff);pointer-events:none}.cp-hue-wrap[data-astro-cid-yjrhhzki]{padding:14px}.cp-hue[data-astro-cid-yjrhhzki]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:14px;margin:0;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.cp-hue[data-astro-cid-yjrhhzki]:focus-visible{outline:none}.cp-hue[data-astro-cid-yjrhhzki]::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:transparent}.cp-hue[data-astro-cid-yjrhhzki]::-moz-range-track{background:transparent;border:0}.cp-hue[data-astro-cid-yjrhhzki]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-3px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px #00000040,0 1px 4px #0000004d;background:var(--cp-hue, hsl(234, 100%, 50%));cursor:pointer}.cp-hue[data-astro-cid-yjrhhzki]::-moz-range-thumb{width:20px;height:20px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px #00000040,0 1px 4px #0000004d;background:var(--cp-hue, hsl(234, 100%, 50%));cursor:pointer}.cp-hue[data-astro-cid-yjrhhzki]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px #00000040,0 0 0 4px #394dfe66}.cp-hue[data-astro-cid-yjrhhzki]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px #00000040,0 0 0 4px #394dfe66}.cp-paste-row[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:8px;padding:10px 14px 12px;border-top:1px solid #f0efed}.cp-paste-label[data-astro-cid-yjrhhzki]{font-size:11.5px;font-weight:600;color:#a8a29e;letter-spacing:.02em;flex:0 0 auto}.cp-paste-input[data-astro-cid-yjrhhzki]{border:0;outline:none;flex:1;min-width:0;padding:6px 8px;border-radius:6px;background:transparent;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13.5px;color:#1c1917;transition:background .15s ease}.cp-paste-input[data-astro-cid-yjrhhzki]:focus{background:#eef0ff}.cp-paste-input[data-astro-cid-yjrhhzki]::placeholder{color:#a8a29e}.cp-well[data-astro-cid-yjrhhzki]{background:#fafaf9;border:1px solid #e7e5e4;border-radius:12px;padding-block:12px 8px;padding-inline:14px 12px}.cp-hero[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:12px;padding-bottom:10px}.cp-hero-swatch[data-astro-cid-yjrhhzki]{width:40px;height:40px;border-radius:10px;border:1px solid rgba(0,0,0,.12);flex:0 0 auto}.cp-hero-hex[data-astro-cid-yjrhhzki]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:20px;font-weight:600;color:#1c1917}.cp-row[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:8px;border-top:1px solid #f0efed;padding:7px 0}.cp-row-label[data-astro-cid-yjrhhzki]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:600;color:#a8a29e;width:44px;flex:0 0 auto}.cp-row-val[data-astro-cid-yjrhhzki]{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;color:#1c1917;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-copy[data-astro-cid-yjrhhzki]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:0;border-radius:8px;color:#78716c;cursor:pointer;transition:background .15s ease,color .15s ease;flex:0 0 auto}.cp-copy[data-astro-cid-yjrhhzki]:hover{background:#f5f5f4;color:#1c1917}.cp-copy-icon[data-astro-cid-yjrhhzki],.cp-copy-check[data-astro-cid-yjrhhzki]{display:inline-flex}.cp-copy-check[data-astro-cid-yjrhhzki]{display:none;color:#394dfe}.cp-copy[data-astro-cid-yjrhhzki].copied .cp-copy-icon[data-astro-cid-yjrhhzki]{display:none}.cp-copy[data-astro-cid-yjrhhzki].copied .cp-copy-check[data-astro-cid-yjrhhzki]{display:inline-flex}@media(width<640px){.cp-sv[data-astro-cid-yjrhhzki]{height:170px}.cp-sv-thumb[data-astro-cid-yjrhhzki]{width:18px;height:18px}.cp-hue[data-astro-cid-yjrhhzki]{height:16px}.cp-hue[data-astro-cid-yjrhhzki]::-webkit-slider-runnable-track{height:16px}.cp-hue[data-astro-cid-yjrhhzki]::-webkit-slider-thumb{width:22px;height:22px}.cp-hue[data-astro-cid-yjrhhzki]::-moz-range-thumb{width:22px;height:22px}.cp-paste-input[data-astro-cid-yjrhhzki]{font-size:16px}.cp-well[data-astro-cid-yjrhhzki]{padding-inline-end:10px}.cp-hero-hex[data-astro-cid-yjrhhzki]{font-size:18px}.cp-row[data-astro-cid-yjrhhzki]{padding:2px 0}.cp-copy[data-astro-cid-yjrhhzki]{width:44px;height:44px;border-radius:999px}.cp-copy[data-astro-cid-yjrhhzki] svg{width:15px;height:15px}}