.picker-panel[data-astro-cid-rizlm22g]{gap:1.25rem;display:grid}.picker-main[data-astro-cid-rizlm22g]{gap:1rem;display:grid}@media (width>=720px){.picker-main[data-astro-cid-rizlm22g]{grid-template-columns:auto 1fr 6rem;align-items:start}}.picker-sb[data-astro-cid-rizlm22g]{border-radius:var(--radius-medium);border:1px solid var(--color-border);cursor:crosshair;touch-action:none;width:100%;max-width:360px}.picker-sliders[data-astro-cid-rizlm22g]{flex-direction:column;align-self:center;gap:.85rem;min-width:0;display:flex}.picker-slider-row[data-astro-cid-rizlm22g]{grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.picker-slider-row__label[data-astro-cid-rizlm22g]{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.picker-slider[data-astro-cid-rizlm22g]{--picker-slider-track-h:.75rem;--picker-slider-thumb:1.125rem;width:100%;height:var(--picker-slider-thumb);-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;margin:0}.picker-slider[data-astro-cid-rizlm22g]::-webkit-slider-runnable-track{height:var(--picker-slider-track-h);border:1px solid var(--color-border);border-radius:999px}.picker-slider[data-astro-cid-rizlm22g]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--picker-slider-thumb);height:var(--picker-slider-thumb);margin-top:calc((var(--picker-slider-track-h) - var(--picker-slider-thumb)) / 2);background:currentColor;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000040}.picker-slider[data-astro-cid-rizlm22g]::-moz-range-track{height:var(--picker-slider-track-h);border:1px solid var(--color-border);border-radius:999px}.picker-slider[data-astro-cid-rizlm22g]::-moz-range-thumb{width:var(--picker-slider-thumb);height:var(--picker-slider-thumb);background:currentColor;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000040}.picker-slider--hue[data-astro-cid-rizlm22g]::-webkit-slider-runnable-track{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.picker-slider--hue[data-astro-cid-rizlm22g]::-moz-range-track{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.picker-slider--alpha[data-astro-cid-rizlm22g]{--picker-alpha-solid:gray}.picker-slider--alpha[data-astro-cid-rizlm22g]::-webkit-slider-runnable-track{background-image:linear-gradient(45deg, var(--color-border) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border) 75%), linear-gradient(to right, transparent, var(--picker-alpha-solid));background-position:0 0,0 4px,4px -4px,-4px 0,0 0;background-size:8px 8px,8px 8px,8px 8px,8px 8px,100% 100%}.picker-slider--alpha[data-astro-cid-rizlm22g]::-moz-range-track{background-image:linear-gradient(45deg, var(--color-border) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border) 75%), linear-gradient(to right, transparent, var(--picker-alpha-solid));background-position:0 0,0 4px,4px -4px,-4px 0,0 0;background-size:8px 8px,8px 8px,8px 8px,8px 8px,100% 100%}.picker-preview[data-astro-cid-rizlm22g]{border-radius:var(--radius-medium);border:1px solid var(--color-border);width:100%;min-height:6rem}.picker-fields[data-astro-cid-rizlm22g] .tool-field[data-astro-cid-rizlm22g]{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:.35rem .5rem;margin-bottom:.65rem;display:grid}.picker-fields[data-astro-cid-rizlm22g] .tool-field__label[data-astro-cid-rizlm22g]{grid-column:1/-1}.picker-complement-swatch[data-astro-cid-rizlm22g]{border-radius:var(--radius-medium);border:1px solid var(--color-border);width:4rem;height:2.5rem;margin-top:.35rem}.picker-recent-list[data-astro-cid-rizlm22g]{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.picker-recent-chip[data-astro-cid-rizlm22g]{border:1px solid var(--color-border);cursor:pointer;border-radius:.35rem;width:2rem;height:2rem}