.whc-dial{--thumb: 26px;margin:4px 0 0}.whc-dial-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.whc-dial-label{font:600 1rem/1.3 var(--whc-sans)}.whc-dial-now{font-size:1.3rem;font-weight:600;color:var(--whc-teal-deep);min-width:7ch;text-align:right}.whc-gauge{position:relative;margin-top:4px}.whc-slide{display:block;width:100%;height:34px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.whc-slide::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:var(--whc-rim)}.whc-slide::-moz-range-track{height:6px;border-radius:6px;background:var(--whc-rim)}.whc-slide::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc(3px - var(--thumb) / 2);border-radius:50%;background:#fff;border:3px solid var(--whc-teal-deep);box-shadow:0 3px 10px -3px #0c2a438c}.whc-slide::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;border-radius:50%;background:#fff;border:3px solid var(--whc-teal-deep);box-shadow:0 3px 10px -3px #0c2a438c}.whc-slide:focus-visible{outline:3px solid var(--whc-teal-ink);outline-offset:4px;border-radius:10px}.whc-dial-unset .whc-slide::-webkit-slider-thumb{border-style:dashed;border-color:var(--whc-mute)}.whc-dial-unset .whc-slide::-moz-range-thumb{border-style:dashed;border-color:var(--whc-mute)}.whc-scale{position:relative;margin:6px calc(var(--thumb) / 2) 0;padding-bottom:2px}.whc-scale-bar{position:relative;display:flex;height:14px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,#c8f0f3,#5cc9d3 22%,#0fa3b1 42%,#0b6f96 66%,#0b4a78 84%,#0c2a43)}.whc-scale-bar span{height:100%;border-right:2px solid rgba(255,255,255,.9)}.whc-scale-bar span:last-of-type{border-right:0}.whc-scale-leak{position:absolute;top:0;bottom:0;width:0;border-left:2px dotted rgba(255,255,255,.85)}.whc-scale-pin{position:absolute;inset:-5px 0 auto;height:24px;pointer-events:none;transform:translate(calc(var(--at) * 1%))}.whc-scale-pin b{position:absolute;left:-3px;top:0;width:6px;height:24px;border-radius:4px;background:var(--whc-ink);box-shadow:0 0 0 2px #fff,0 2px 6px #0c2a4366}.whc-dial-unset .whc-scale-pin{opacity:0}.whc-scale-ticks{position:relative;height:18px;margin-top:8px;font-size:.72rem;color:var(--whc-mute)}.whc-scale-ticks span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.whc-scale-ticks span:first-child{transform:none}.whc-scale-ticks span:last-child{transform:translate(-100%)}.whc-dial[data-unit=gpg] [data-for=mgl],.whc-dial[data-unit=mgl] [data-for=gpg]{display:none}.whc-scale-names{list-style:none;display:flex;margin:2px 0 0;padding:0;font:600 .74rem/1.2 var(--whc-sans);color:var(--whc-mute)}.whc-scale-names li{flex:none;min-width:0;padding:3px 3px 0 0}.whc-scale-names li[data-on]{color:var(--whc-teal-deep)}.whc-scale-names li[data-on]:before{content:"";display:block;width:18px;height:3px;margin-bottom:3px;border-radius:3px;background:linear-gradient(90deg,var(--whc-teal),#0b4a78)}.whc-dial-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 14px;margin-top:6px}.whc-scale-read{margin:0;font:1rem/1.45 var(--whc-sans);color:var(--whc-ink);min-height:1.45em}.whc-scale-read b{color:var(--whc-teal-deep)}.whc-dial-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-top:8px}.whc-dial-exact{flex:1 1 120px}.whc-dial-exact label{display:block;font:600 .92rem/1.35 var(--whc-sans);margin-bottom:5px}.whc-dial-exact label span{font-weight:400;color:var(--whc-mute)}.whc-units{border:0;margin:0;padding:0;min-width:0}.whc-units legend{padding:0;margin-bottom:5px;font:600 .92rem/1.35 var(--whc-sans)}.whc-units-row{display:inline-flex;padding:3px;border-radius:12px;background:var(--whc-frost);border:1px solid var(--whc-rim)}.whc-units label{position:relative}.whc-units input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.whc-units span{display:block;min-height:38px;padding:9px 14px;border-radius:9px;font:600 .95rem/1.2 var(--whc-sans);color:var(--whc-mute);white-space:nowrap}.whc-units input:checked+span{background:linear-gradient(90deg,var(--whc-teal-deep),#0b5180);color:#fff;box-shadow:0 4px 12px -6px #086b77cc}.whc-units input:focus-visible+span{outline:3px solid var(--whc-teal-ink);outline-offset:2px}.whc-dial-clear{min-height:40px;padding:6px 0;border:0;background:none;font:600 .95rem/1.3 var(--whc-sans);color:var(--whc-link);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.whc-dial-clear:hover{color:var(--whc-ink)}.whc-dial-compact .whc-dial-exact label span{display:none}@media(prefers-reduced-motion:no-preference){.whc-scale-pin{transition:transform .55s cubic-bezier(.22,.8,.25,1),opacity .3s ease}.whc-units span{transition:background-color .2s ease,color .2s ease}}.whc-scale-names li{overflow-wrap:normal}@media(max-width:480px){.whc-scale-names{font-size:.72rem}.whc-scale-names li{white-space:nowrap}.whc-scale-names li:nth-child(2n){padding-top:1.35em}.whc-units span{padding:9px 11px}}