.mg-slider{appearance:none;cursor:pointer;background:#1e293b;border-radius:4px;outline:none;width:100%;height:4px;margin-top:8px}.mg-slider-container{margin-top:0}.mg-slider-labels{color:#94a3b8;letter-spacing:.5px;justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.mg-slider::-webkit-slider-runnable-track{background:#38bdf8;border-radius:4px;height:4px;box-shadow:0 0 6px #38bdf866}.mg-slider::-moz-range-track{background:#38bdf8;border-radius:4px;height:4px;box-shadow:0 0 6px #38bdf866}.mg-slider::-webkit-slider-thumb{appearance:none;background:#38bdf8;border:2px solid #0f172a;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 12px #38bdf8e6}.mg-slider::-moz-range-thumb{background:#38bdf8;border:2px solid #0f172a;border-radius:50%;width:16px;height:16px;box-shadow:0 0 12px #38bdf8e6}
:root{--on-start:#00e5a0;--on-end:#00bfff;--off:#3a3a45;--thumb:#fff;--label-on:#00e5a0;--label-off:#6b6b80;--glow:#00e5a073}.toggle-row{align-items:center;gap:12px;display:flex}.label{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:500;transition:color .3s}.label--off{color:var(--label-off)}.label--on{color:var(--label-on)}.switch{cursor:pointer;width:52px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.track{background:var(--off);border-radius:999px;transition:background .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.track:after{content:"";background:0 0;border-radius:999px;transition:box-shadow .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:-4px}.thumb{background:var(--thumb);border-radius:50%;width:18px;height:18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;position:absolute;top:4px;left:4px;box-shadow:0 2px 8px #00000059}.switch input:checked~.track{background:linear-gradient(135deg, var(--on-start), var(--on-end))}.switch input:checked~.track:after{box-shadow:0 0 0 3px var(--glow)}.switch input:checked~.thumb{transform:translate(26px);box-shadow:0 2px 12px #00e5a099}.label{line-height:36px}