.cl-instrument{--fg:#f4f5f7;--fg-soft:#a3a9b0;--plate-bg:#0e0f12;--edge-c:var(--silver);border-radius:calc(var(--radius) + 6px);color:var(--fg);background:radial-gradient(120% 95% at 30% 46%,#1b1d21 0%,#0f1013 46%,#08090a 100%);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(24px,4vw,64px);margin-top:clamp(32px,4vw,56px);padding:clamp(24px,3.2vw,48px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0a}.cl-instrument .cl-instrument__dial{aspect-ratio:1;width:min(100%,560px);height:auto;margin:0 auto;position:relative;top:auto;left:auto;transform:none}.cl-instrument__side{min-width:0}.cl-instrument .cl-eyebrow{color:var(--fg-soft);margin-bottom:14px}.cl-instrument .cl-instrument__objectives{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none}.cl-instrument .cl-objective{cursor:pointer}:is(.cl-instrument .cl-objective:hover b,.cl-instrument .cl-objective:focus-visible b){color:#fff}.cl-instrument__bar{align-items:flex-start;gap:14px;margin-top:26px;display:flex}.cl-instrument__toggle{width:34px;height:34px;color:var(--fg);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff47;border-radius:999px;flex:none;place-items:center;margin-top:-9px;transition:border-color .2s,background .2s;display:grid}.cl-instrument__toggle:hover{background:#ffffff14;border-color:#fff9}.cl-instrument__toggle svg{fill:currentColor;width:12px;height:12px}.cl-instrument__rail{flex:1;min-width:0}.cl-instrument__rail input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0;display:block}.cl-instrument__rail input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--silver) 0 33.33%, #ffffff47 33.33% 33.6%, var(--silver) 33.6% 66.66%, #ffffff47 66.66% 66.93%, var(--silver) 66.93%);opacity:.55;border-radius:2px;height:2px}.cl-instrument__rail input[type=range]::-moz-range-track{background:var(--silver);opacity:.55;border-radius:2px;height:2px}.cl-instrument__rail input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--mark);border:2px solid #0b0c0e;border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 0 0 1px #ff432099,0 0 10px #ff432073}.cl-instrument__rail input[type=range]::-moz-range-thumb{background:var(--mark);border:2px solid #0b0c0e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #ff432099,0 0 10px #ff432073}.cl-instrument__rail input[type=range]:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #fff}.cl-instrument__ticks{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-soft);grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 0;padding:0;font-size:10.5px;list-style:none;display:grid}.cl-instrument .cl-legend__note{color:#a1a8b0;max-width:46em;margin-top:22px;font-size:11.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.cl-instrument__dial.cl-instrument--ready .cl-plate.cl-is-current .cl-mark--draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw var(--cl-sequence-duration,1.5s) cubic-bezier(.5, 0, .2, 1) var(--cl-sequence-delay,.5s) forwards paused!important}.cl-instrument__dial.cl-instrument--ready .cl-mark--draw+.cl-mark--draw{--cl-sequence-delay:1.75s}.cl-instrument__dial.cl-instrument--ready .cl-plate.cl-is-current .cl-vxs{opacity:0;animation:.5s 3.1s forwards paused appear!important}.cl-instrument__dial.cl-instrument--ready .cl-plate.cl-is-current .cl-plate__note,.cl-instrument__dial.cl-instrument--ready .cl-plate.cl-is-current .cl-plate__ring{opacity:0;animation:appear .45s ease var(--cl-sequence-delay,0s) forwards paused!important}}@media (max-width:1100px){.cl-instrument{grid-template-columns:1fr}.cl-instrument .cl-instrument__dial{width:min(100%,520px)}}@media (max-width:640px){.cl-instrument .cl-instrument__objectives{grid-template-columns:1fr;gap:6px}.cl-instrument .cl-objective{padding-top:10px}}
