.sol-dots-host{isolation:isolate;position:relative}@media (min-width:768px){.sol-dots-host>header{background-color:#0000}}.sol-dots{--sol-dots-top:3.5rem;--sol-dots-bottom:calc(86svh + 116px);--sol-dots-rim-l:.36;--sol-dots-rim-c:.518;--sol-dots-rim-h:310;--sol-dots-coral-l:.75;--sol-dots-coral-c:.26;--sol-dots-coral-h:0;--sol-dots-warm-l:.79;--sol-dots-warm-c:.37;--sol-dots-warm-h:91;--sol-dots-inner-mix:60%;--sol-dots-rim:oklch(var(--sol-dots-rim-l) var(--sol-dots-rim-c) var(--sol-dots-rim-h));--sol-dots-coral:oklch(var(--sol-dots-coral-l) var(--sol-dots-coral-c) var(--sol-dots-coral-h));--sol-dots-warm:oklch(var(--sol-dots-warm-l) var(--sol-dots-warm-c) var(--sol-dots-warm-h));--sol-dots-inner:color-mix(in oklab, var(--brand-orange) var(--sol-dots-inner-mix), var(--background));--sol-dots-floor:var(--background);inset-inline:0;top:var(--sol-dots-top);height:calc(var(--sol-dots-bottom) - var(--sol-dots-top));z-index:-1;pointer-events:none;position:absolute;overflow:hidden}:root:not([data-theme=light]) .sol-dots{--sol-dots-rim-l:.46;--sol-dots-rim-c:.36;--sol-dots-coral-l:.62;--sol-dots-coral-c:.23;--sol-dots-warm-l:.76;--sol-dots-warm-c:.3;--sol-dots-inner-mix:48%}.sol-dots-canvas{width:100%;height:100%;display:block}.sol-dots-tuner{z-index:var(--z-popover);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:17rem;max-height:min(80svh,44rem);box-shadow:var(--shadow-elevated);color:var(--card-foreground);font-family:var(--font-sans);font-size:var(--text-micro);padding:.875rem;line-height:1.4;position:fixed;bottom:1rem;right:1rem;overflow-y:auto}.sol-dots-tuner h2{font-size:var(--text-caption);margin:0 0 .5rem;font-weight:600}.sol-dots-tuner p{color:var(--muted-foreground);margin:0 0 .75rem}.sol-dots-tuner fieldset{border:0;margin:0 0 .75rem;padding:0}.sol-dots-tuner legend{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);padding:0;font-weight:600}.sol-dots-tuner label{grid-template-columns:4.25rem 1fr 2.75rem;align-items:center;gap:.375rem;margin-top:.3rem;display:grid}.sol-dots-tuner input[type=range]{width:100%;accent-color:var(--primary)}.sol-dots-tuner output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.sol-dots-tuner .sol-dots-tuner-swatch{vertical-align:-1px;border-radius:var(--radius-tile-xs);width:.75rem;height:.75rem;margin-right:.35rem;display:inline-block}.sol-dots-tuner-actions{gap:.375rem;display:flex}.sol-dots-tuner button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--foreground);font:inherit;cursor:pointer;flex:1;padding:.375rem .5rem}.sol-dots-tuner button:hover{background:var(--muted)}