@font-face{font-family:Space Mono;src:url(/fonts/space-mono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(/fonts/space-mono-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #b0b8c2;--panel: #e4ebf5;--cell: #e6edf5;--mint-1: #cdfffb;--mint-2: #95fff6;--dark: #414b56;--pill-off: #ced5e0;--ink: #414b56;--knob-1: #e5edf5;--knob-2: #ebf0f9;--grey: #949ca6;--cell-w: 40px;--cell-h: 70px;--pad-h: 40px;--cell-gap: 10px;--knob: 113.4px;--knobs: 5;--seq: calc(15 * var(--cell-gap) + 16 * var(--cell-w));--side: 30px;--toggle: 50px;font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--mint-2);outline-offset:2px}ul{margin:0;padding:0;list-style:none}.lab{min-height:100vh;padding:40px 30px 110px}.stack{display:flex;flex-direction:column;gap:10px;width:fit-content;margin:0 auto;isolation:isolate}.merk{width:50px;height:40px;flex:0 0 auto}.merk svg{display:block;width:100%;height:100%}.panel.panel--balk{display:flex;align-items:center;gap:20px;min-height:80px;height:80px;z-index:1000}.panel--balk .merk{width:var(--side)}.panel--balk .pills{width:var(--seq);flex:0 0 auto}.panel--balk .sessie{margin-left:auto}.avatar{display:grid;place-items:center;width:20px;height:20px;padding:2px;border-radius:5px;background:var(--dark);flex:0 0 auto}.avatar--groot{width:40px;height:40px;padding:6px;border-radius:10px}.panel--balk>button.avatar{background:#fff}.panel--balk>button.avatar .avatar__beeld{filter:none}.avatar__beeld{display:block;width:100%;height:100%}.avatar__beeld svg{display:block;width:100%;height:100%}button.avatar{cursor:pointer}button.avatar:hover{filter:brightness(1.15)}.naamveld{display:flex;align-items:center;gap:10px}.sessie{display:flex;align-items:center;gap:10px;opacity:.45}.sessie.is-open{opacity:1}.sessie__aantal{width:auto;padding:0 10px}.picker__panel--smal{width:min(360px,100%)}.panel{display:grid;grid-template-columns:var(--side) var(--seq) var(--toggle) auto;align-items:stretch;column-gap:20px;min-height:180px;padding:20px 30px 20px 20px;position:relative;background:var(--panel);border-radius:19px;box-shadow:0 30px 100px #00000040;transition:opacity .2s;contain:layout paint style}.panel.is-off{opacity:.6}.panel__left{display:flex;align-items:stretch;gap:21px;min-width:0}.panel--master{z-index:999}.panel__left--master{flex-direction:column;justify-content:center;gap:10px;grid-column:2;align-self:center}.master__right{grid-column:4;display:flex;flex-direction:column;justify-content:space-between}.master__right .pills{width:auto}.master__right .panel__right{flex:1;margin:0}.paneelnaam{grid-column:1;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:4px;color:var(--grey);text-align:center;white-space:nowrap}.panel:has(>.panel__left--master)>.panel__right{grid-column:4}.panel>.trackhead{grid-column:1}.panel>.lane{grid-column:2;min-width:0}.panel>.shapefx{grid-column:3;margin-left:20px}.panel>.panel__right{grid-column:4;margin-left:20px}.trackhead{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:2px}.solo{background:#fff;color:var(--dark);box-shadow:0 1px 3px #0000001f;width:18px;height:18px;border-radius:5px;font-size:9px;letter-spacing:.42px;line-height:1;display:grid;place-items:center}.solo.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);color:var(--dark)}.panel.is-solo{box-shadow:0 30px 100px #00000040,inset 0 0 0 1px var(--mint-2)}.panel__right{display:flex;align-items:center;justify-content:flex-end;gap:2.6px;min-width:calc(var(--knobs) * var(--knob))}.panel__right{flex-wrap:wrap;row-gap:10px}.knobs__break{flex:0 0 100%;height:0}.lane{display:flex;flex-direction:column;gap:10px;min-width:0;padding:10px 0}.pills{display:flex;gap:10px;align-items:center;width:var(--seq);height:20px}.pills__gap{flex:1 1 0;min-width:20px;margin:-20px 0 -10px;padding:20px 0 10px;cursor:grab;touch-action:none}.pills__gap:active{cursor:grabbing}.pages{display:flex;gap:10px;align-items:center}.pagekey{width:40px;height:20px;border-radius:5px;font-size:10px;letter-spacing:.5px;line-height:1;display:grid;place-items:center;background:#fff;color:var(--dark);box-shadow:0 1px 3px #0000001f}.pagekey--add{background:var(--cell);box-shadow:inset 0 1px 2px #fff9}.pagekey--chain{width:40px}.pagekey.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);color:var(--dark)}.pagekey.is-playing{outline:1px solid var(--dark);outline-offset:-1px}.pagekey--add{color:var(--grey)}.pageadd{position:relative}.pageadd .menu__list{top:22px;min-width:88px}.menu{position:relative;flex:0 0 auto}.pills>.pill{width:auto}.pill{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:20px;padding:0 9px;background:var(--dark);color:var(--panel);border-radius:5px;font-size:10px;letter-spacing:.5px;line-height:1;white-space:nowrap;overflow:hidden}.pill--primary{background:#fff;color:var(--dark)}.pill--bare{justify-content:center;padding:0 4px}.pill--bare .pill__label{text-overflow:clip}.pill.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);color:var(--dark)}.pill__label{overflow:hidden;text-overflow:ellipsis}.pill__caret{flex:0 0 auto;opacity:.9}.pill:hover{filter:brightness(1.08)}.menu__list{position:absolute;z-index:20;top:22px;left:0;min-width:100%;max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain;padding:4px;background:var(--dark);border-radius:8px;box-shadow:0 15px 40px #00000040}.menu__list--center{top:60px;left:50%;transform:translate(-50%)}.menu__list button{display:block;width:100%;padding:6px 10px;color:var(--panel);font-size:10px;letter-spacing:.5px;text-align:left;white-space:nowrap;border-radius:5px}.menu__list button:hover{background:#ffffff1f;color:var(--mint-2)}.menu__list--plus{top:56px;min-width:78px;padding:2px;border-radius:8px;background:#fff;box-shadow:0 15px 40px #00000040}.menu__list--plus li button{padding:4px 8px;border-radius:6px;color:var(--grey);font-size:8.4px;letter-spacing:.42px;text-align:center}.menu__list--plus li button:hover{background:var(--cell);color:var(--dark)}.steps{display:flex;flex-direction:column;gap:10px;min-width:0}.steps__row{display:grid;grid-template-columns:repeat(var(--n, 16),minmax(0,1fr));gap:var(--cell-gap);width:var(--seq)}.steps--drum{gap:var(--cell-gap)}.steps__row--drum{grid-template-columns:repeat(var(--n, 16),minmax(0,1fr));width:var(--seq)}.rowlabel{font-size:8.4px;letter-spacing:.42px;color:var(--grey);text-align:left;white-space:nowrap;overflow:hidden}.rowlabel.is-active{color:var(--dark);font-weight:700}.rowlabel--deg{text-align:right;padding-right:8px}.rowlabel--empty{pointer-events:none}.steps__row--head{gap:var(--cell-gap)}.cell{position:relative;height:var(--cell-h);border:1px solid #fff;border-radius:10px;background:var(--cell);box-shadow:0 2px 4px #00000014,inset 0 4px 4px #ffffff40;transition:background .12s,box-shadow .12s}.cell--pad{height:var(--pad-h);border-radius:8px}.cell.is-beat{background:#f4f9ff}.cell.is-bar{box-shadow:0 2px 4px #0000001f,inset 0 4px 4px #fff6}.cell:hover{background:#eef3fa}.cell.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);box-shadow:0 0 10px #95fff680,inset 0 -5px 20px #ffffff80}.cell__deg{position:absolute;inset:auto 0 6px 0;font-size:9px;letter-spacing:.4px;color:#414b568c;text-align:center}.steps__row--head{position:relative}.playhead{position:absolute;top:0;bottom:0;left:var(--off, 0px);width:calc((100% - var(--off, 0px) - (var(--n, 16) - 1) * var(--cell-gap)) / var(--n, 16));border-radius:100px;background:#fff;box-shadow:0 1px 3px #0000001f;transform:translate(calc(var(--head, 0) * (100% + var(--cell-gap))));will-change:transform;opacity:0}.steps__row--head.is-playing .playhead{opacity:1}.tick{display:block;height:10px;border-radius:5px;background:var(--pill-off);opacity:.4}.tick.is-beat{opacity:1}.panel--mini{display:flex;align-items:center;gap:20px;min-height:0;height:40px;padding:10px 20px;cursor:pointer}.panel--mini .led{position:static;margin:0}.mini__name{font-size:10px;letter-spacing:.5px;color:var(--dark);min-width:60px}.mini__sound,.mini__bars{font-size:8.4px;letter-spacing:.42px;color:var(--grey);white-space:nowrap}.mini__sound{min-width:140px}.mini__bars{min-width:96px}.mini__steps{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;overflow:hidden}.mini__row{grid-template-columns:repeat(var(--n, 16),1fr);gap:3px;width:100%}.mini__cell{height:10px;border-radius:3px;background:#a0a9b438}.mini__cell.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%)}.steps__row--mini{grid-template-columns:repeat(var(--n, 16),1fr);gap:3px;width:100%}.steps__row--mini .tick,.steps__row--mini .playhead{height:4px}.fold{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#fff;color:var(--dark);box-shadow:0 1px 3px #0000001f}.fold:hover{color:var(--dark)}.fold--open{flex:0 0 auto}.fader{position:relative;width:var(--side);height:140px;align-self:center}.led{position:absolute;left:50%;top:10px;margin-left:-6px;width:12px;height:12px;border-radius:50%;background:var(--pill-off);border:1px solid #fff;box-shadow:0 1px 2px #00000026;z-index:1}.led.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);box-shadow:0 0 10px #95fff6e6,0 1px 2px #00000026}.led.is-solo{background:linear-gradient(180deg,#ffe2c2,#ffb86b);box-shadow:0 0 10px #ffb86be6,0 1px 2px #00000026}.fader__track{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--side);background:#a0a9b454;border-radius:50px;touch-action:none}.fader__rail{position:absolute;left:50%;top:30px;bottom:10px;width:4px;margin-left:-2px;background:#a0a9b4;border-radius:50px}.fader__handle{position:absolute;left:50%;bottom:calc(10px + var(--pos, .5) * (100% - 50px));width:10px;height:10px;margin-left:-5px;border-radius:2.1px;background:linear-gradient(180deg,var(--knob-1) 0%,var(--knob-2) 100%);box-shadow:0 .84px 1.05px #0000001a,0 4.2px 4.2px #a0a9b466,inset 0 .84px .84px #fff}.shapefx{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:var(--toggle);align-self:center;height:100%}.shapefx__lijn{flex:1;width:1px;background:#a0a9b48c}.shapefx button{width:var(--toggle);height:20px;border-radius:5px;font-size:10px;letter-spacing:.5px;line-height:1;display:grid;place-items:center;background:var(--cell);color:var(--dark);border:1px solid #fff;box-shadow:0 4px 20px #0000001a,inset 0 4px 4px #ffffff40}.shapefx button.is-on{background:var(--dark);color:var(--panel);border-color:transparent;box-shadow:none}.shapefx button:disabled{opacity:.45}.shapefx button.is-armed{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);border-color:#fff;animation:kloppen .8s ease-in-out infinite}@keyframes kloppen{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.shapefx button.is-armed{animation:none}}.pills__vast{flex:1 1 0;min-width:10px}.knob{position:relative;width:var(--knob);height:var(--knob);touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none}.knob__box{position:absolute;top:0;right:0;bottom:0;left:0}.knob__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.knob__rim,.knob__cap{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,var(--knob-1) 0%,var(--knob-2) 100%)}.knob__rim{width:58%;height:58%;box-shadow:0 2.1px 1.05px #4e617c33}.knob__cap{width:45.7%;height:45.7%;box-shadow:0 14px 14px #a0a9b466,0 4px 4px #0000001a,inset 0 2px 2px #fff,inset 0 -2px 3px #a0a9b459}.knob__label{position:absolute;left:0;right:0;bottom:0;font-size:8.4px;letter-spacing:.42px;color:#000;text-align:center;white-space:nowrap}.graphbox{width:var(--seq);padding:0;border-radius:14px;background:#c2cad5;box-shadow:inset 0 2px 4px #78849638,inset 0 -1px #fffc}.graph{width:100%;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.graph__rule{stroke:#ffffff59;stroke-width:1}.graph__line{fill:none;stroke:#414b56bf;stroke-width:1.5;stroke-linecap:round}.graph__pt rect{fill:var(--dark);stroke:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));cursor:ns-resize}.graph__pt text{fill:var(--panel);font-size:10px;letter-spacing:.5px;text-anchor:middle;pointer-events:none}.graph__pt.is-now rect{fill:var(--mint-1)}.graph__pt.is-now text{fill:var(--dark)}.graph__pt.is-drag rect{filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}.flat .graph__pt rect{filter:none}.chord.is-now{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);box-shadow:0 0 10px #95fff680,inset 0 -5px 20px #ffffff80}.keyboard{display:flex;align-items:stretch;gap:18px}.display{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:168px;padding:10px 14px;border-radius:10px;background:var(--dark);color:var(--panel)}.display__chord{font-size:22px;letter-spacing:.5px}.display__hint{font-size:8.4px;letter-spacing:.42px;color:var(--grey)}.display .pill,.display .menu{margin-top:2px}.display .pill{background:#ffffff29}.midi{display:flex;align-items:center;gap:6px}.piano{position:relative;display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:var(--cell-gap);flex:1;max-width:520px;--bkey: 30px}.wkey{display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;height:calc(var(--cell-h) * 1.55);border:1px solid #fff;border-radius:10px;background:var(--cell);box-shadow:0 2px 4px #00000014,inset 0 4px 4px #ffffff40;font-size:10px;letter-spacing:.5px;color:var(--grey);touch-action:manipulation}.wkey__name{pointer-events:none}.wkey.in-scale .wkey__name:after,.bkey.in-scale:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--mint-2)}.wkey.in-scale .wkey__name:after{position:static;display:block;margin:3px auto 0}.bkey.in-scale:after{left:50%;bottom:8px;transform:translate(-50%)}.bkey{position:absolute;top:0;width:var(--bkey);height:calc(var(--cell-h) * .95);border-radius:7px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#4b5560,#39424c);box-shadow:0 3px 6px #0000004d;touch-action:manipulation}.wkey:active,.bkey:active{transform:translateY(1px)}.wkey.is-on,.bkey.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%);box-shadow:0 0 10px #95fff680,inset 0 -5px 20px #ffffff80;color:var(--dark)}.wkey.is-next,.bkey.is-next{box-shadow:0 0 0 2px #95fff6cc}.flat .wkey{box-shadow:none;border-color:#d5dde8}.flat .bkey{background:var(--dark);box-shadow:none}.flat .wkey.is-on,.flat .bkey.is-on{background:var(--mint-2)}.plus{position:fixed;left:50%;bottom:24px;z-index:1000;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.plus .menu__list--plus{top:auto;bottom:60px}.round{display:grid;place-items:center;width:50px;height:50px;border-radius:1000px;background:#fff;box-shadow:0 15px 40px #00000040}.round:hover{box-shadow:0 15px 40px #00000059}.round--gate{width:64px;height:64px}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.gate__title{margin:0;font-size:12px;letter-spacing:6px;color:#fff}.gate__hint{margin:0;font-size:9px;letter-spacing:2px;color:#414b56b3}@media (max-width: 1660px){.lab{padding:20px 10px 110px}.stack{width:100%}.panel{display:flex;flex-direction:column;gap:10px;width:100%;height:auto;min-height:0;padding:20px}.panel>.trackhead,.panel>.lane,.panel>.shapefx,.panel>.panel__right,.panel__left--master,.master__right,.paneelnaam{grid-column:auto}.fader{display:flex;align-items:center;gap:10px;width:100%;height:30px}.led{position:static;margin:0;flex:0 0 auto}.fader__track{position:relative;inset:auto;flex:1;width:auto;height:30px}.fader__rail{left:10px;right:10px;top:50%;bottom:auto;width:auto;height:4px;margin:-2px 0 0}.fader__handle{top:50%;bottom:auto;margin:-5px 0 0;left:calc(10px + var(--pos, .5) * (100% - 30px))}.lane{width:100%;padding:0}.pills{width:100%;height:auto;flex-wrap:wrap;row-gap:10px}.pills__gap{display:none}.steps__row,.steps__row--drum{width:100%}.graphbox,.keyboard,.piano{width:100%;max-width:none}.shapefx{flex-direction:row;width:100%;height:20px;align-self:stretch}.shapefx__lijn{flex:1;width:auto;height:1px}.panel__right{display:grid;grid-template-columns:repeat(5,1fr);justify-content:stretch;width:100%;margin:0;gap:0}.knob{width:var(--knob);justify-self:center}.master__right{width:100%;gap:10px}.paneelnaam{writing-mode:horizontal-tb;transform:none;text-align:left;width:auto}.panel--mini{height:auto;flex-direction:row;flex-wrap:wrap}.panel.panel--balk{flex-direction:row;height:70px;min-height:70px;padding:15px 20px}.panel--balk .merk{width:40px;height:40px}.panel--balk .pills{width:auto;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}.panel--balk .sessie{margin-left:0}}@media (max-width: 1100px){:root{--knob: 92px;--cell-h: 56px;--pad-h: 34px;--cell-gap: 6px}.cell{border-radius:8px}}@media (max-width: 760px){:root{--knob: 64px;--cell-h: 48px;--pad-h: 28px;--cell-gap: 4px}.lab{padding:14px 10px 100px}.panel{padding:14px}.pills{gap:6px}.pill{height:26px;padding:0 8px;font-size:11px}.pill--bare{padding:0 4px}.knob__label{font-size:9px}.led{width:18px;height:18px}.pagekey{width:34px;height:26px;font-size:10px}.pagekey--chain{width:34px}.shapefx{height:26px}.shapefx button{height:26px;font-size:11px;width:auto;flex:0 0 70px}.cell{border-radius:6px}.tick{height:6px}.mini__sound,.mini__bars{display:none}.plus{bottom:calc(16px + env(safe-area-inset-bottom))}.lab{padding-top:0}.stack{padding-top:14px}.panel.panel--balk{position:sticky;top:0;z-index:1200;height:60px;min-height:60px;padding:10px 14px;gap:10px;box-shadow:0 10px 30px #0000002e}.panel--balk .merk{width:32px;height:32px}.panel--balk .pills{gap:6px}.panel--balk .avatar--groot{width:34px;height:34px}.sessie__aantal{display:none}}.picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#414b566b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .14s ease-out}.picker__panel{display:flex;flex-direction:column;gap:10px;width:min(640px,100%);max-height:min(78vh,620px);padding:14px;background:var(--panel);border-radius:16px;box-shadow:0 24px 60px #00000047,inset 0 1px #fffc;animation:pickerIn .18s cubic-bezier(.2,.7,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pickerIn{0%{transform:translateY(8px) scale(.985);opacity:0}to{transform:none;opacity:1}}.picker__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.picker__title{font-size:10px;letter-spacing:.6px;color:var(--grey)}.picker__close{width:28px;height:28px;border-radius:8px;background:#fff;color:var(--dark);font-size:16px;line-height:1;box-shadow:0 1px 3px #0000001f}.picker__zoek{width:100%;height:38px;padding:0 12px;border:0;border-radius:10px;background:var(--cell);color:var(--dark);font:inherit;font-size:12px;letter-spacing:.5px;box-shadow:inset 0 2px 4px #0000000f}.picker__zoek::placeholder{color:var(--grey)}.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.picker__grid--kort{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.picker__item{min-height:44px;padding:0 12px;border-radius:10px;background:#fff;color:var(--dark);font-size:11px;letter-spacing:.5px;text-align:left;box-shadow:0 1px 3px #0000001a,inset 0 1px #ffffffe6;transition:transform 90ms ease-out,box-shadow 90ms ease-out}.picker__grid--kort .picker__item{text-align:center;padding:0 6px}.picker__item:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001f}.picker__item:active{transform:translateY(0);box-shadow:inset 0 2px 5px #0000001f}.picker__item.is-on{background:linear-gradient(180deg,var(--mint-1) 0%,var(--mint-2) 100%)}.picker__leeg{padding:12px 4px;font-size:11px;color:var(--grey)}@media (max-width: 760px){.picker{align-items:flex-end;padding:0}.picker__panel{width:100%;max-height:82vh;padding:14px 14px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.picker__item{font-size:12px}}.meterbox{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:10px;background:var(--dark);color:var(--panel);box-shadow:0 15px 40px #0000004d;font-size:9px;letter-spacing:.42px}.meterbox.is-warn{background:#5a3a3a}.meterbox dl{display:grid;grid-template-columns:auto auto;gap:2px 12px;margin:0}.meterbox dt{color:var(--grey)}.meterbox dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.meterbox .pill{justify-content:center;background:#ffffff24}@media (max-width: 760px){.meterbox{right:8px;bottom:8px;padding:8px 10px;font-size:8.4px}.meterbox dl{gap:1px 8px}}