.lg-sliders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1rem;margin-bottom:.9rem}
@media (max-width:520px){.lg-sliders{grid-template-columns:1fr}}
.lg-range{display:grid;grid-template-columns:7.5em minmax(0,1fr) 3em;align-items:center;gap:.5rem}
.lg-range span{color:var(--muted)}
.lg-range input{width:100%;min-width:0;margin:0;accent-color:var(--fg)}
.lg-range output{text-align:right;font-variant-numeric:tabular-nums}
.lg-wrap{position:relative;overflow:hidden;border:1px solid var(--rule)}
.lg-scroller{height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.lg-bar-wrap .lg-scroller{height:260px}
@media (max-width:520px){.lg-scroller{height:260px}.lg-bar-wrap .lg-scroller{height:230px}}
.lg-scroller canvas{position:sticky;top:0;display:block}
.lg-handle{position:absolute;top:0;left:0;padding:0;border:0;border-radius:999px;background:none;cursor:grab;touch-action:none}
.lg-handle:active{cursor:grabbing}
.demo .lg-handle:focus-visible{outline-offset:3px}
.lg-sep{width:1px;align-self:stretch;margin:0 .25rem;background:var(--rule)}