[data-astro-cid-pivltpdw][x-cloak]{visibility:hidden}.cl[data-astro-cid-pivltpdw]{gap:1rem;padding-bottom:clamp(4rem,9vw,7rem);display:grid}@media (width>=1024px){.cl[data-astro-cid-pivltpdw]{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:1.4rem}}.cl-left[data-astro-cid-pivltpdw],.cl-right[data-astro-cid-pivltpdw]{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;display:grid}.cl-right[data-astro-cid-pivltpdw]{gap:2.2rem}@media (width>=1024px){.cl-left[data-astro-cid-pivltpdw]{top:calc(var(--head) + 20px);position:sticky}}.cl-box[data-astro-cid-pivltpdw]{padding:clamp(1.2rem,2.6vw,1.8rem)}.cl-h[data-astro-cid-pivltpdw]{font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:.8rem;margin:0 0 1.1rem;font-size:1.2rem;font-style:italic;font-weight:900;display:flex}.cl-h[data-astro-cid-pivltpdw] .mono[data-astro-cid-pivltpdw]{font-size:.7em;font-style:normal}.cl-row[data-astro-cid-pivltpdw]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.1rem;display:flex}.cl-row[data-astro-cid-pivltpdw] .cl-h[data-astro-cid-pivltpdw]{margin:0}.cl-pick[data-astro-cid-pivltpdw]{grid-template-columns:9rem 1fr;align-items:stretch;gap:1.2rem;display:grid}.cl-big[data-astro-cid-pivltpdw]{cursor:pointer;place-items:end start;min-height:9rem;padding:.8rem;display:grid;position:relative;box-shadow:0 24px 50px -26px #000000b3}.cl-big[data-astro-cid-pivltpdw] input[data-astro-cid-pivltpdw]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cl-big-hex[data-astro-cid-pivltpdw]{pointer-events:none;font-size:12px}.cl-pick-side[data-astro-cid-pivltpdw]{align-content:start;gap:.6rem;display:grid}.cl-hex-in[data-astro-cid-pivltpdw]{text-transform:uppercase;font-size:1.1rem}.cl-pair[data-astro-cid-pivltpdw]{grid-template-columns:1fr auto 1fr;align-items:end;gap:.8rem;display:grid}.cl-sw[data-astro-cid-pivltpdw]{display:grid}.cl-sw[data-astro-cid-pivltpdw] input[data-astro-cid-pivltpdw][type=color]{border:1px solid var(--line-2);cursor:pointer;background:0 0;width:100%;height:44px;padding:0}.cl-sw[data-astro-cid-pivltpdw] input[data-astro-cid-pivltpdw][type=color]::-webkit-color-swatch-wrapper{padding:3px}.cl-sw[data-astro-cid-pivltpdw] input[data-astro-cid-pivltpdw][type=color]::-webkit-color-swatch{border:0}.cl-sw-box[data-astro-cid-pivltpdw]{border:1px solid var(--line-2);height:44px}.cl-sample[data-astro-cid-pivltpdw]{text-align:center;border:1px solid var(--line);margin:1rem 0;padding:1.2rem}.cl-sample[data-astro-cid-pivltpdw] p[data-astro-cid-pivltpdw]{margin:0;font-weight:600}.cl-sample-big[data-astro-cid-pivltpdw]{font-size:1.5rem;margin-top:.3rem!important;font-weight:900!important}.cl-ratio[data-astro-cid-pivltpdw]{justify-content:space-between;align-items:baseline;margin-bottom:.8rem;display:flex}.cl-ratio[data-astro-cid-pivltpdw] .mono[data-astro-cid-pivltpdw]{font-size:2rem}.cl-badges[data-astro-cid-pivltpdw]{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.cl-badge[data-astro-cid-pivltpdw]{border:1px solid;justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.cl-badge[data-astro-cid-pivltpdw].is-ok{border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:color-mix(in srgb, var(--ok) 10%, transparent)}.cl-badge[data-astro-cid-pivltpdw].is-ok .mono[data-astro-cid-pivltpdw]{color:var(--ok)}.cl-badge[data-astro-cid-pivltpdw].is-no{border-color:color-mix(in srgb, var(--err) 45%, transparent);background:color-mix(in srgb, var(--err) 10%, transparent)}.cl-badge[data-astro-cid-pivltpdw].is-no .mono[data-astro-cid-pivltpdw]{color:var(--err)}.cl-formats[data-astro-cid-pivltpdw]{background:var(--line);border:1px solid var(--line);gap:1px;display:grid}@media (width>=640px){.cl-formats[data-astro-cid-pivltpdw]{grid-template-columns:1fr 1fr}}.cl-format[data-astro-cid-pivltpdw]{text-align:left;background:var(--bg);color:var(--fg);border:0;gap:.5rem;padding:1.2rem;transition:background-color .25s;display:grid;position:relative}.cl-format[data-astro-cid-pivltpdw]:hover{background:var(--bg-2)}.cl-format-v[data-astro-cid-pivltpdw]{word-break:break-all;font-size:1.05rem;transition:color .25s}.cl-format[data-astro-cid-pivltpdw]:hover .cl-format-v[data-astro-cid-pivltpdw]{color:var(--y-text)}.cl-format[data-astro-cid-pivltpdw] .cl-format-ico{opacity:.3;width:15px;height:15px;transition:opacity .25s;position:absolute;top:1rem;right:1rem}.cl-format[data-astro-cid-pivltpdw]:hover .cl-format-ico{opacity:1}.cl-seg[data-astro-cid-pivltpdw]{grid-auto-columns:auto}@media (width<=639px){.cl-seg[data-astro-cid-pivltpdw]{grid-template-columns:1fr 1fr;grid-auto-flow:row;width:100%}.cl-seg[data-astro-cid-pivltpdw] button[data-astro-cid-pivltpdw]:nth-child(3){border-left:0}.cl-seg[data-astro-cid-pivltpdw] button[data-astro-cid-pivltpdw]:nth-child(n+3){border-top:1px solid var(--line-2)}}.cl-palette[data-astro-cid-pivltpdw]{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}@media (width>=640px){.cl-palette[data-astro-cid-pivltpdw]{grid-template-columns:repeat(4,1fr)}}.cl-palette[data-astro-cid-pivltpdw].is-shades{grid-template-columns:repeat(5,1fr)}@media (width>=640px){.cl-palette[data-astro-cid-pivltpdw].is-shades{grid-template-columns:repeat(10,1fr)}}.cl-chip[data-astro-cid-pivltpdw]{text-align:left;color:var(--fg);background:0 0;border:0;gap:.35rem;padding:0;display:grid}.cl-chip-sw[data-astro-cid-pivltpdw]{border:1px solid var(--line);height:5.5rem;transition:transform .3s var(--ease)}.is-shades[data-astro-cid-pivltpdw] .cl-chip-sw[data-astro-cid-pivltpdw]{height:4rem}.cl-chip[data-astro-cid-pivltpdw]:hover .cl-chip-sw[data-astro-cid-pivltpdw]{transform:translateY(-4px)}.cl-chip[data-astro-cid-pivltpdw] .mono[data-astro-cid-pivltpdw]{font-size:11px}.cl-code[data-astro-cid-pivltpdw]{color:#ffc305e6;white-space:pre;margin:0;padding:1.2rem 1.4rem;font-size:12px;line-height:1.7;overflow-x:auto}.cl-empty[data-astro-cid-pivltpdw]{border:1px dashed var(--line-2);text-align:center;color:var(--dim);padding:1.2rem}.cl-empty[data-astro-cid-pivltpdw] strong[data-astro-cid-pivltpdw]{color:var(--fg)}.cl-saved[data-astro-cid-pivltpdw]{gap:.5rem;display:grid}@media (width>=640px){.cl-saved[data-astro-cid-pivltpdw]{grid-template-columns:1fr 1fr}}.cl-item[data-astro-cid-pivltpdw]{border:1px solid var(--line);gap:.7rem;padding:.9rem;display:grid}.cl-item-strip[data-astro-cid-pivltpdw]{height:30px;display:flex}.cl-item-strip[data-astro-cid-pivltpdw] span[data-astro-cid-pivltpdw]{flex:1}.cl-item-row[data-astro-cid-pivltpdw]{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.cl-item-hex[data-astro-cid-pivltpdw]{margin:0;font-weight:500}.cl-item-row[data-astro-cid-pivltpdw] .label[data-astro-cid-pivltpdw]{margin:.1rem 0 0}