.demo-module-scss-module__ZnPJAa__demo{gap:var(--stack-gap,var(--space-5,1.5rem));flex-direction:column;margin-block-end:var(--space-5,1.5rem);display:flex}.demo-module-scss-module__ZnPJAa__block{gap:var(--stack-gap,var(--space-3,.875rem));flex-direction:column;display:flex}.demo-module-scss-module__ZnPJAa__blockTitle{font-weight:var(--font-weight-semibold,600);font-style:normal;font-size:var(--font-size-3,1rem);margin:0}.demo-module-scss-module__ZnPJAa__myColor{gap:var(--stack-gap,var(--space-3,.875rem));flex-direction:column;max-inline-size:22rem;display:flex}.demo-module-scss-module__ZnPJAa__label{font-weight:var(--font-weight-medium,500);font-style:normal;font-size:var(--font-size-2,.875rem);color:var(--text-primary,#0f0f0f);display:block}.demo-module-scss-module__ZnPJAa__row{gap:var(--space-2,.75rem);flex-wrap:wrap;justify-content:start;align-items:center;display:flex}.demo-module-scss-module__ZnPJAa__native{min-height:var(--touch-target-min,24px);padding:var(--input-padding-y,var(--space-1,.5rem)) var(--input-padding-x,var(--space-2,.75rem));border:var(--input-border-width,1px) solid var(--border-default,#e5e5e5);border-radius:var(--input-radius,var(--radius-md,.375rem));background:var(--surface-default,#fff);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__ZnPJAa__native{transition:none}}.demo-module-scss-module__ZnPJAa__native:focus{border-color:var(--border-focus,#384fff);outline:none;box-shadow:0 0 0 3px #384fff33}.demo-module-scss-module__ZnPJAa__native::placeholder{color:var(--text-muted,#6b6b6b)}.demo-module-scss-module__ZnPJAa__native:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__ZnPJAa__native{block-size:2.5rem;inline-size:3rem;padding:var(--space-2xs,.25rem);cursor:pointer}.demo-module-scss-module__ZnPJAa__native::-webkit-color-swatch-wrapper{padding:0}.demo-module-scss-module__ZnPJAa__native::-webkit-color-swatch{border-radius:var(--radius-sm,.25rem);border:0}.demo-module-scss-module__ZnPJAa__native::-moz-color-swatch{border-radius:var(--radius-sm,.25rem);border:0}.demo-module-scss-module__ZnPJAa__text{min-height:var(--touch-target-min,24px);padding:var(--input-padding-y,var(--space-1,.5rem)) var(--input-padding-x,var(--space-2,.75rem));border:var(--input-border-width,1px) solid var(--border-default,#e5e5e5);border-radius:var(--input-radius,var(--radius-md,.375rem));background:var(--surface-default,#fff);transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__ZnPJAa__text{transition:none}}.demo-module-scss-module__ZnPJAa__text:focus{border-color:var(--border-focus,#384fff);outline:none;box-shadow:0 0 0 3px #384fff33}.demo-module-scss-module__ZnPJAa__text::placeholder{color:var(--text-muted,#6b6b6b)}.demo-module-scss-module__ZnPJAa__text:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.demo-module-scss-module__ZnPJAa__text{font-family:var(--font-mono,monospace);flex:1;min-inline-size:0}.demo-module-scss-module__ZnPJAa__text[aria-invalid=true]{border-color:var(--error-default)}.demo-module-scss-module__ZnPJAa__preview{gap:var(--space-3,.875rem);flex-wrap:wrap;justify-content:start;align-items:center;display:flex}.demo-module-scss-module__ZnPJAa__swatch{border-radius:var(--radius-md,.375rem);border:1px solid var(--border-default);block-size:3rem;inline-size:3rem;box-shadow:var(--shadow-1,0 1px 2px 0 #0000000d);background:var(--swatch);background-image:linear-gradient(var(--swatch), var(--swatch)),repeating-conic-gradient(var(--surface-muted) 0 25%, var(--surface-default) 0 50%);background-size:100% 100%,.75rem .75rem}.demo-module-scss-module__ZnPJAa__readout{gap:var(--stack-gap,var(--space-1,.5rem));flex-direction:column;display:flex}.demo-module-scss-module__ZnPJAa__value{font-family:var(--font-mono,monospace);color:var(--text-secondary);font-size:.875rem}.demo-module-scss-module__ZnPJAa__nearest{font-family:var(--font-mono,monospace);color:var(--text-muted);font-size:.75rem}.demo-module-scss-module__ZnPJAa__field{gap:var(--stack-gap,var(--space-1,.5rem));flex-direction:column;display:flex}.demo-module-scss-module__ZnPJAa__field>span{font-weight:var(--font-weight-medium,500);font-style:normal;font-size:var(--font-size-1,.75rem);color:var(--text-secondary,#525252);display:block}.demo-module-scss-module__ZnPJAa__range{appearance:none;background:0 0;width:100%}.demo-module-scss-module__ZnPJAa__range:focus-visible{box-shadow:0 0 0 3px var(--border-focus,#384fff);outline:none}.demo-module-scss-module__ZnPJAa__range::-webkit-slider-runnable-track{background:var(--surface-muted,#f5f5f5);border-radius:var(--radius-full,9999px);height:4px}.demo-module-scss-module__ZnPJAa__range::-moz-range-track{background:var(--surface-muted,#f5f5f5);border-radius:var(--radius-full,9999px);border:0;height:4px}.demo-module-scss-module__ZnPJAa__range::-webkit-slider-thumb{appearance:none;background:var(--action-primary-default,#3a5fcd);cursor:pointer;border:0;border-radius:50%;width:1.1rem;height:1.1rem;margin-top:calc(2px - .55rem);transition:transform .15s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.demo-module-scss-module__ZnPJAa__range::-webkit-slider-thumb{transition:none}}.demo-module-scss-module__ZnPJAa__range::-moz-range-thumb{background:var(--action-primary-default,#3a5fcd);cursor:pointer;border:0;border-radius:50%;width:1.1rem;height:1.1rem}.demo-module-scss-module__ZnPJAa__range:disabled{opacity:.5;cursor:not-allowed}.demo-module-scss-module__ZnPJAa__range:disabled::-webkit-slider-thumb{cursor:not-allowed}.demo-module-scss-module__ZnPJAa__range:disabled::-moz-range-thumb{cursor:not-allowed}@supports (color:lab(0% 0 0)){{background:linear-gradient(in oklch longer hue, lab(63.3133% 49.1797 .630343), lab(63.3133% 49.1797 .630343))}}.demo-module-scss-module__ZnPJAa__range[id$=hue]::-webkit-slider-runnable-track{background:linear-gradient(in oklch longer hue, #e7729b, #e7729b)}@supports (color:lab(0% 0 0)){.demo-module-scss-module__ZnPJAa__range[id$=hue]::-webkit-slider-runnable-track{background:linear-gradient(in oklch longer hue, lab(63.3133% 49.1797 .630343), lab(63.3133% 49.1797 .630343))}}.demo-module-scss-module__ZnPJAa__range[id$=hue]::-moz-range-track{background:linear-gradient(in oklch longer hue, #e7729b, #e7729b)}@supports (color:lab(0% 0 0)){.demo-module-scss-module__ZnPJAa__range[id$=hue]::-moz-range-track{background:linear-gradient(in oklch longer hue, lab(63.3133% 49.1797 .630343), lab(63.3133% 49.1797 .630343))}}.demo-module-scss-module__ZnPJAa__error{color:var(--error-text);margin:0;font-size:.875rem}