.cc-panel[data-astro-cid-yv7mpiga]{gap:1.25rem;display:grid}@media (width>=900px){.cc-panel[data-astro-cid-yv7mpiga]{grid-template-columns:minmax(22rem,1.15fr) minmax(16rem,1fr);align-items:start}}.cc-picker[data-astro-cid-yv7mpiga]{gap:.75rem;display:grid;container-type:inline-size}@container (width>=26rem){.cc-picker[data-astro-cid-yv7mpiga]{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(9rem,11rem) 4.25rem;align-items:stretch}.cc-sb[data-astro-cid-yv7mpiga]{grid-area:1/1;min-height:100%}.cc-sliders[data-astro-cid-yv7mpiga]{grid-area:1/2;align-self:center}.cc-preview-wrap[data-astro-cid-yv7mpiga]{grid-area:1/3}}.cc-sb[data-astro-cid-yv7mpiga]{border-radius:var(--radius-large);border:1px solid var(--color-border);cursor:crosshair;touch-action:none;width:100%}.cc-sliders[data-astro-cid-yv7mpiga]{flex-direction:column;gap:.85rem;min-width:0;display:flex}.cc-slider-row[data-astro-cid-yv7mpiga]{grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.cc-slider-row__label[data-astro-cid-yv7mpiga]{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.cc-slider[data-astro-cid-yv7mpiga]{--cc-slider-track-h:.75rem;--cc-slider-thumb:1.125rem;width:100%;height:var(--cc-slider-thumb);-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;margin:0}.cc-slider[data-astro-cid-yv7mpiga]::-webkit-slider-runnable-track{height:var(--cc-slider-track-h);border:1px solid var(--color-border);border-radius:999px}.cc-slider[data-astro-cid-yv7mpiga]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--cc-slider-thumb);height:var(--cc-slider-thumb);margin-top:calc((var(--cc-slider-track-h) - var(--cc-slider-thumb)) / 2);background:currentColor;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000040}.cc-slider[data-astro-cid-yv7mpiga]::-moz-range-track{height:var(--cc-slider-track-h);border:1px solid var(--color-border);border-radius:999px}.cc-slider[data-astro-cid-yv7mpiga]::-moz-range-thumb{width:var(--cc-slider-thumb);height:var(--cc-slider-thumb);background:currentColor;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000040}.cc-slider--hue[data-astro-cid-yv7mpiga]::-webkit-slider-runnable-track{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.cc-slider--hue[data-astro-cid-yv7mpiga]::-moz-range-track{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.cc-slider--alpha[data-astro-cid-yv7mpiga]{--cc-alpha-solid:gray}.cc-slider--alpha[data-astro-cid-yv7mpiga]::-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(--cc-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%}.cc-slider--alpha[data-astro-cid-yv7mpiga]::-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(--cc-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%}.cc-preview-wrap[data-astro-cid-yv7mpiga]{border-radius:var(--radius-large);border:1px solid var(--color-border);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%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;overflow:hidden}.cc-preview[data-astro-cid-yv7mpiga]{width:100%;min-height:4rem}@container (width>=26rem){.cc-preview[data-astro-cid-yv7mpiga]{min-height:100%}}.cc-fields[data-astro-cid-yv7mpiga]{gap:.75rem;display:grid}.cc-fields[data-astro-cid-yv7mpiga] .tool-field[data-astro-cid-yv7mpiga]{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:.35rem .5rem;display:grid}.cc-fields[data-astro-cid-yv7mpiga] .tool-field__label[data-astro-cid-yv7mpiga]{grid-column:1/-1}.cc-fields[data-astro-cid-yv7mpiga] .tool-field__input[data-astro-cid-yv7mpiga]{grid-column:1}.cc-fields[data-astro-cid-yv7mpiga] .btn[data-astro-cid-yv7mpiga]{grid-area:2/2}