.cc-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:.875rem}.cc-range::-webkit-slider-runnable-track{background:var(--track,var(--line));height:.375rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.cc-range::-moz-range-track{background:var(--track,var(--line));height:.375rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.cc-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2px solid var(--foreground);border-radius:999px;width:.75rem;height:.75rem;margin-top:-.1875rem}.cc-range::-moz-range-thumb{background:var(--surface);border:2px solid var(--foreground);border-radius:999px;width:.5rem;height:.5rem}.cc-range:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-control)}.cc-swatch,.cc-checker{background-color:var(--surface-raised);background-image:repeating-conic-gradient(var(--line-strong) 0 25%, transparent 0 50%);background-size:12px 12px}.cc-swatch:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 22%, transparent);pointer-events:none;position:absolute;inset:0}.cc-rule{border-color:color-mix(in srgb, currentColor 22%, transparent)}.cc-soft{opacity:.78}