.cpg[data-astro-cid-4umo4obx]{container:cpg/inline-size}.cpg-actions[data-astro-cid-4umo4obx]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cpg-generate[data-astro-cid-4umo4obx]{min-width:9.5rem}.cpg-space[data-astro-cid-4umo4obx]{margin-left:auto}@media (hover:none){.cpg-space[data-astro-cid-4umo4obx]{display:none}}.cpg-options[data-astro-cid-4umo4obx]{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));align-items:start;gap:.9rem 1rem;display:grid}.cpg-seed[data-astro-cid-4umo4obx]{grid-column:span 2}@container cpg (width<=560px){.cpg-options[data-astro-cid-4umo4obx]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cpg-seed[data-astro-cid-4umo4obx]{grid-column:1/-1}.cpg-btn-text[data-astro-cid-4umo4obx]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@container cpg (width<=420px){.cpg-options[data-astro-cid-4umo4obx]{grid-template-columns:minmax(0,1fr)}}.cpg-seed__row[data-astro-cid-4umo4obx],.cpg-stepper[data-astro-cid-4umo4obx]{gap:.4rem;display:flex}.cpg-stepper[data-astro-cid-4umo4obx] .input[data-astro-cid-4umo4obx]{text-align:center;width:4.2rem}.cpg-stepper[data-astro-cid-4umo4obx] .btn[data-astro-cid-4umo4obx]{padding-inline:.6rem}.cpg-seed__row[data-astro-cid-4umo4obx] input[data-astro-cid-4umo4obx][type=color]{flex:none}.cpg-strip[data-astro-cid-4umo4obx]{border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1);background:var(--surface-2);touch-action:pan-y;flex-direction:column;display:flex;overflow:hidden}@container cpg (width>=640px){.cpg-strip[data-astro-cid-4umo4obx]{flex-direction:row;min-height:23rem}}.cpg-strip[data-astro-cid-4umo4obx] .cpg-swatch{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main tools""ratio tools";align-items:center;gap:.15rem .5rem;min-width:0;min-height:5.6rem;padding:.55rem .45rem .55rem .85rem;display:grid;position:relative;container:swatch/inline-size}@container cpg (width>=640px){.cpg-strip[data-astro-cid-4umo4obx] .cpg-swatch{text-align:center;flex:1 1 0;grid-template:"main""values"1fr"ratio""tools"/minmax(0,1fr);place-items:start center;gap:.5rem;padding:1.1rem .35rem .75rem}}.cpg-strip[data-astro-cid-4umo4obx] .cpg-main{grid-area:main;gap:.1rem;width:100%;min-width:0;display:grid}.cpg-strip[data-astro-cid-4umo4obx] .cpg-hex{width:100%;max-width:9.5em;color:inherit;font:700 1.08rem/1.3 var(--font-mono);text-transform:uppercase;text-align:inherit;background:0 0;border:1px solid #0000;border-radius:6px;padding:.2rem .35rem}@container cpg (width>=640px){.cpg-strip[data-astro-cid-4umo4obx] .cpg-hex{justify-self:center;font-size:1rem}}.cpg-strip[data-astro-cid-4umo4obx] .cpg-hex:hover{border-color:color-mix(in srgb, currentColor 40%, transparent)}.cpg-strip[data-astro-cid-4umo4obx] .cpg-hex:focus{outline-offset:1px;text-transform:none;border-color:#0000;outline:2px solid}.cpg-strip[data-astro-cid-4umo4obx] .cpg-hex[aria-invalid=true]{outline:2px dashed}.cpg-strip[data-astro-cid-4umo4obx] .cpg-name{overflow-wrap:anywhere;padding-inline:.35rem;font-size:.78rem;line-height:1.3}.cpg-strip[data-astro-cid-4umo4obx] .cpg-values{grid-area:values;align-self:center;gap:.35rem;margin:0;font-size:.68rem;line-height:1.35;display:none}@container swatch (width>=8.5rem){.cpg-strip[data-astro-cid-4umo4obx] .cpg-values{display:grid}}@container cpg (width<=639.98px){.cpg-strip[data-astro-cid-4umo4obx] .cpg-values{display:none!important}}.cpg-strip[data-astro-cid-4umo4obx] .cpg-values dt{font-family:var(--font-mono);letter-spacing:.08em;font-size:.66rem;font-weight:700}.cpg-strip[data-astro-cid-4umo4obx] .cpg-values dd{font-family:var(--font-mono);overflow-wrap:anywhere;margin:0}.cpg-strip[data-astro-cid-4umo4obx] .cpg-ratio{font-variant-numeric:tabular-nums;grid-area:ratio;padding-inline:.35rem;font-size:.74rem;font-weight:700}.cpg-strip[data-astro-cid-4umo4obx] .cpg-tools{grid-area:tools;grid-template-columns:repeat(4,38px);justify-content:end;gap:.1rem;display:grid}@container cpg (width>=640px){.cpg-strip[data-astro-cid-4umo4obx] .cpg-tools{flex-wrap:wrap;justify-content:center;max-width:100%;display:flex}}.cpg-strip[data-astro-cid-4umo4obx] .cpg-btn{width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid;position:relative}.cpg-strip[data-astro-cid-4umo4obx] .cpg-btn:hover{background:color-mix(in srgb, currentColor 15%, transparent)}.cpg-strip[data-astro-cid-4umo4obx] .cpg-btn:focus-visible,.cpg-strip[data-astro-cid-4umo4obx] .cpg-pick:focus-within{outline-offset:-3px;outline:3px solid}.cpg-strip[data-astro-cid-4umo4obx] .cpg-btn[aria-pressed=true]{background:color-mix(in srgb, currentColor 22%, transparent)}.cpg-strip[data-astro-cid-4umo4obx] .cpg-btn[disabled]{opacity:.35;cursor:default;background:0 0}.cpg-strip[data-astro-cid-4umo4obx] .cpg-pick input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.cpg-strip[data-astro-cid-4umo4obx] .cpg-grip{cursor:grab;touch-action:none}.cpg-strip[data-astro-cid-4umo4obx] .cpg-swatch.is-dragging{outline-offset:-7px;z-index:1;outline:3px dashed}.cpg-strip[data-astro-cid-4umo4obx] .cpg-swatch.is-dragging .cpg-grip{cursor:grabbing}.cpg-strip[data-astro-cid-4umo4obx] .cpg-h{display:none}@container cpg (width>=640px){.cpg-strip[data-astro-cid-4umo4obx] .cpg-h{display:block}.cpg-strip[data-astro-cid-4umo4obx] .cpg-v{display:none}}.cpg-s0[data-astro-cid-4umo4obx]{color:#fff;background:#193550}.cpg-s1[data-astro-cid-4umo4obx]{color:#fff;background:#16827d}.cpg-s2[data-astro-cid-4umo4obx]{color:#000;background:#e9ce94}.cpg-s3[data-astro-cid-4umo4obx]{color:#000;background:#e67d58}.cpg-s4[data-astro-cid-4umo4obx]{color:#fff;background:#843b61}.cpg-info[data-astro-cid-4umo4obx]{margin-top:-.4rem}.cpg-generate[data-astro-cid-4umo4obx]{flex:auto;max-width:14rem}.cpg-table[data-astro-cid-4umo4obx] .cpg-chip{vertical-align:middle;border:1px solid var(--line-strong);border-radius:5px;width:1.4rem;height:1.4rem;margin-right:.45rem;display:inline-block}.cpg-table[data-astro-cid-4umo4obx] .cpg-copy{min-height:26px;color:var(--text);font:inherit;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;margin:-.15rem -.35rem;padding:.15rem .35rem;font-size:.82rem}.cpg-table[data-astro-cid-4umo4obx] .cpg-copy:hover{border-color:var(--line-strong);background:var(--surface)}.cpg-table[data-astro-cid-4umo4obx] th,.cpg-table[data-astro-cid-4umo4obx] td{padding:.45rem .55rem}.cpg-table[data-astro-cid-4umo4obx] .cpg-tname{color:var(--text-2);margin-top:.1rem;font-size:.78rem;font-weight:500;display:block}.cpg-table[data-astro-cid-4umo4obx] .cpg-copy{font-size:.8rem}.cpg-table-hint[data-astro-cid-4umo4obx]{margin-top:.6rem}.cpg-cvd[data-astro-cid-4umo4obx]{gap:.75rem;margin-bottom:.75rem;display:grid}.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__row{grid-template-columns:9.5rem minmax(0,1fr);align-items:center;gap:.35rem .9rem;display:grid}@container cpg (width<=560px){.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__row{grid-template-columns:minmax(0,1fr)}}.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__name{font-size:.9rem;font-weight:650}.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__strip{border-radius:var(--radius-s);border:1px solid var(--line);height:2.4rem;display:flex;overflow:hidden}.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__strip>span{flex:1 1 0;place-items:center;font-size:.72rem;font-weight:700;display:grid}.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__result{grid-column:2;font-size:.85rem}@container cpg (width<=560px){.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__result{grid-column:1}}.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__result[data-ok=true]{color:var(--success)}.cpg-cvd[data-astro-cid-4umo4obx] .cpg-cvd__result[data-ok=false]{color:var(--warning)}