/* Smoked alarm-clock lenses, inset into each control's face. */
.digital-screen{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:76px;min-height:31px;padding:3px 7px;box-sizing:border-box;max-width:100%;background:linear-gradient(165deg,#1b211c,#080f0c 55%,#101a13);border:2px solid #202d20;border-radius:3px;box-shadow:inset 0 2px 5px #000,0 1px 0 #8e94715c,0 0 0 1px #142217;vertical-align:middle;isolation:isolate}.digital-screen:after{content:'';position:absolute;inset:1px;pointer-events:none;background:linear-gradient(165deg,#ebf2c20c,transparent 45%);z-index:2}.segment-digits{display:inline-flex;align-items:center;justify-content:center;gap:4px;pointer-events:none;line-height:1;min-height:22px}.segment-digits svg{display:block;max-width:100%;overflow:visible;filter:drop-shadow(0 0 2px #e8b36b44)}.segment{fill:#c6b66c;opacity:.06}.segment.lit{fill:#efd297;opacity:1}.segment-digits small{font:9px monospace!important;color:#c8b784!important;white-space:nowrap;align-self:flex-end;margin-bottom:2px}.digital-screen>output,.digital-screen>#db{position:absolute!important;clip-path:inset(50%);width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden}.digital-screen>.rotary-value{position:absolute!important;inset:0!important;opacity:0;width:100%!important;height:100%!important;margin:0!important;cursor:text;z-index:3;background:#0d1912!important;border:0!important;color:#efd297!important;text-shadow:0 0 4px #e8b36b55;font:14px monospace!important;box-sizing:border-box;max-width:none!important;clip-path:none!important}.digital-screen:focus-within>.rotary-value{opacity:1;outline:1px solid #d2bd82!important;outline-offset:1px}.digital-screen:focus-within .segment-digits{opacity:0}.digital-screen:has(>.rotary-value):hover{border-color:#8c9364}.param label>.digital-screen{margin:3px 0 5px}.macro>.digital-screen{margin-top:6px}.macro output{display:block!important}.outputrow .digital-screen{min-width:79px}.performance-row .digital-screen{min-width:74px}.param .rotary-control .digital-screen,.output .rotary-control .digital-screen{display:none!important}.rotary-control>.digital-screen{z-index:6}.bass-control>.rotary-control{gap:9px}.bass-control>.rotary-control .digital-screen{flex:none}.macro{min-width:0}.performance-row{row-gap:14px}.outputrow{gap:10px}.outputrow .digital-screen small{font-size:9px!important}
@media(max-width:680px){.digital-screen{min-width:65px;padding:3px 5px}.segment-digits svg{height:20px;width:auto;max-width:66px}.segment-digits small{font-size:8px!important}.macro>.digital-screen{min-width:0;width:100%;padding:3px}.macro .segment-digits{gap:1px}.macro .segment-digits svg{max-width:40px;height:18px}.macro .segment-digits small{font-size:7px!important}.performance-row{gap:12px}.outputrow .digital-screen{min-width:75px}}