/* Gradientes de cor com trilhos arredondados e indicadores Material 3. */
#ld-demo .lm-hsl{--lm-channel-colour:#ef6b66;--lm-spectrum:linear-gradient(90deg,#62d7d7,#6262e0,#dc62dc,#ed6262,#dcdc62,#62dc62,#62d7d7)}
#ld-demo .lm-hsl-controls{gap:22px}
#ld-demo .lm-hsl-controls .lm-control{grid-template-columns:minmax(0,1fr);gap:8px}
#ld-demo .lm-hsl-controls .lm-control-header{font-size:var(--ld-text-support);margin:0}
#ld-demo .lm-hsl-controls input{--lm-colour-track:var(--lm-spectrum);height:32px}
#ld-demo .lm-hsl-controls #lm-saturation{--lm-colour-track:linear-gradient(90deg,#888d85,var(--lm-channel-colour))}
#ld-demo .lm-hsl-controls #lm-lightness{--lm-colour-track:linear-gradient(90deg,#111610,var(--lm-channel-colour),#f5f8f0)}
#ld-demo .lm-hsl-controls input::-webkit-slider-runnable-track{height:12px;border-radius:8px;background:var(--lm-colour-track)}
#ld-demo .lm-hsl-controls input::-moz-range-track{height:12px;border-radius:8px;background:var(--lm-colour-track)}
#ld-demo .lm-hsl-controls input::-moz-range-progress{background:transparent}
#ld-demo .lm-hsl-controls input::-webkit-slider-thumb{width:4px;height:28px;margin-top:-8px;border-radius:3px;background:#f1f6e7;box-shadow:0 0 0 3px var(--lm-container)}
#ld-demo .lm-hsl-controls input::-moz-range-thumb{width:4px;height:28px;border-radius:3px;background:#f1f6e7;box-shadow:0 0 0 3px var(--lm-container)}
#ld-demo .lm-selected-range{margin-top:24px;padding-top:20px;border-top:1px solid var(--lm-line)}
#ld-demo .lm-selected-range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:var(--ld-text-support);color:var(--lm-text)}
#ld-demo .lm-range-preview-label{font-size:var(--ld-text-meta);color:var(--lm-muted)}
#ld-demo .lm-colour-range-visual{position:relative;padding:8px 0}
#ld-demo .lm-colour-spectrum{height:12px;background:var(--lm-spectrum);border-radius:8px}
#ld-demo .lm-colour-selection{position:relative;height:8px;margin-top:8px;border-radius:5px;background:linear-gradient(90deg,#46503c 0 38.9%,#82965c 38.9%,var(--lm-primary) 44.4% 55.6%,#82965c 61.1%,#46503c 61.1%)}
#ld-demo .lm-colour-selection span{position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:3px;transform:translateX(-50%)}
#ld-demo .lm-range-feather{background:var(--lm-muted);box-shadow:0 0 0 2px var(--lm-container)}
#ld-demo .lm-range-bound{background:#eff7db;box-shadow:0 0 0 2px var(--lm-container)}
#ld-demo .lm-range-start{left:38.9%}#ld-demo .lm-range-inner-start{left:44.4%}#ld-demo .lm-range-inner-end{left:55.6%}#ld-demo .lm-range-end{left:61.1%}
#ld-demo .lm-colour-range-labels{display:flex;justify-content:space-between;gap:12px;margin-top:7px;font-size:var(--ld-text-meta);color:var(--lm-muted);font-variant-numeric:tabular-nums}