.cw[data-astro-cid-mymm4vo5]{container:cw/inline-size}.cw-layout[data-astro-cid-mymm4vo5]{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@container cw (width>=760px){.cw-layout[data-astro-cid-mymm4vo5]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cw-wheel[data-astro-cid-mymm4vo5]{aspect-ratio:1;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:50%;width:min(100%,23rem);margin:.25rem auto .5rem;position:relative}.cw-canvas[data-astro-cid-mymm4vo5],.cw-dim[data-astro-cid-mymm4vo5],.cw-lines[data-astro-cid-mymm4vo5],.cw-markers[data-astro-cid-mymm4vo5]{width:100%;height:100%;position:absolute;inset:0}.cw-canvas[data-astro-cid-mymm4vo5]{box-shadow:0 0 0 1px var(--line);border-radius:50%}.cw-dim[data-astro-cid-mymm4vo5]{opacity:0;pointer-events:none;background:#000;border-radius:50%}.cw-lines[data-astro-cid-mymm4vo5]{pointer-events:none;overflow:visible}.cw-lines[data-astro-cid-mymm4vo5] line{stroke:#fff;stroke-width:.55px;stroke-opacity:.9;vector-effect:non-scaling-stroke}.cw-lines[data-astro-cid-mymm4vo5] line.cw-line-shadow{stroke:#000;stroke-opacity:.35;stroke-width:3px}.cw-lines[data-astro-cid-mymm4vo5] line:not(.cw-line-shadow){stroke-width:1.5px}.cw-markers[data-astro-cid-mymm4vo5]{pointer-events:none}.cw-markers[data-astro-cid-mymm4vo5] .cw-marker{border:3px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 1px #0000008c,0 2px 6px #00000059}.cw-markers[data-astro-cid-mymm4vo5] .cw-marker--base{border-width:4px;width:32px;height:32px;margin:-16px 0 0 -16px}.cw-markers[data-astro-cid-mymm4vo5] .cw-marker--centre{background:#fff;border:0;width:8px;height:8px;margin:-4px 0 0 -4px}.cw-hint[data-astro-cid-mymm4vo5]{text-align:center}.cw-base-row[data-astro-cid-mymm4vo5]{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.cw-base-field[data-astro-cid-mymm4vo5]{flex:1}.cw-base-row[data-astro-cid-mymm4vo5] input[data-astro-cid-mymm4vo5][type=color]{flex:none}.cw-controls[data-astro-cid-mymm4vo5] .hint[data-astro-cid-mymm4vo5]{margin-top:.35rem}.cw-controls[data-astro-cid-mymm4vo5] [data-astro-cid-mymm4vo5][data-status]{margin-top:.6rem}.cw-sliders[data-astro-cid-mymm4vo5]{gap:.6rem;margin-top:1rem;display:grid}.cw-slider-head[data-astro-cid-mymm4vo5]{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cw-sliders[data-astro-cid-mymm4vo5] output[data-astro-cid-mymm4vo5],.cw-spread[data-astro-cid-mymm4vo5] output[data-astro-cid-mymm4vo5]{color:var(--text-2);font-weight:600}.cw-rules[data-astro-cid-mymm4vo5]{margin-top:1.1rem}.cw-rule-list[data-astro-cid-mymm4vo5]{display:flex}.cw-spread[data-astro-cid-mymm4vo5]{margin-top:.85rem}.cw-explain[data-astro-cid-mymm4vo5]{border-radius:var(--radius-s);background:var(--surface-2);border:1px solid var(--line);color:var(--text);margin-top:.85rem;padding:.7rem .85rem;font-size:.92rem}.cw-cards[data-astro-cid-mymm4vo5]{grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:.75rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.cw-cards[data-astro-cid-mymm4vo5] .cw-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-width:0;display:grid;overflow:hidden}.cw-cards[data-astro-cid-mymm4vo5] .cw-card__swatch{align-items:flex-end;min-height:5.5rem;padding:.5rem .6rem;font-size:.78rem;font-weight:700;display:flex}.cw-cards[data-astro-cid-mymm4vo5] .cw-card__body{gap:.2rem;min-width:0;padding:.55rem .6rem .65rem;display:grid}.cw-cards[data-astro-cid-mymm4vo5] .cw-card__where{color:var(--text-2);font-size:.78rem}.cw-cards[data-astro-cid-mymm4vo5] .cw-copy{max-width:100%;min-height:26px;color:var(--text);font-family:var(--font-mono);cursor:pointer;text-align:left;overflow-wrap:anywhere;background:0 0;border:1px solid #0000;border-radius:5px;justify-self:start;margin-left:-.3rem;padding:.1rem .3rem;font-size:.8rem}.cw-cards[data-astro-cid-mymm4vo5] .cw-copy--hex{font-size:.95rem;font-weight:700}.cw-cards[data-astro-cid-mymm4vo5] .cw-copy:hover{border-color:var(--line-strong);background:var(--surface)}