cs-hue-blend{gap:var(--w-space-s);display:grid}.hb-panel{align-items:center;gap:var(--w-space-m);padding:var(--w-space-m);border-radius:var(--w-radius-l);corner-shape:squircle;background:color-mix(in oklch, var(--c-accent) 6%, var(--c-bg));grid-template-columns:10rem 1fr;display:grid}.dark .hb-panel{background:color-mix(in oklch, var(--c-accent) 8%, var(--c-dark-bg))}.hb-wheel{aspect-ratio:1;width:100%;display:block}.hb-bar{border-radius:var(--w-radius-m);corner-shape:squircle;width:100%;height:10rem;display:block}.hb-swatch{background:linear-gradient(135deg, var(--a) 50%, var(--b) 50%);border-radius:50%;width:1.25rem;height:1.25rem;margin-inline:auto;display:block}.hb-controls{justify-content:space-between;gap:var(--w-space-xs);flex-wrap:wrap;display:flex}@media (width<=560px){.hb-panel{grid-template-columns:1fr;justify-items:center}.hb-wheel{width:9rem}.hb-bar{height:4.5rem}.hb-controls>.cs-seg{width:100%}}cs-hue-blend>.cs-seg{justify-self:start}