body{--case-color:#e0d9d9;background:#abbdbd;padding:20px;font-family:sans-serif}.center{justify-content:center;justify-items:center;display:flex}.noscroll{overflow:hidden}.overlay_buttons{z-index:99;padding:20px;position:fixed;top:0;right:0}.overlay{visibility:hidden;z-index:3;backdrop-filter:blur(5px);background-color:#00000080;grid-template-rows:min-content;justify-content:center;width:100%;height:100%;display:grid;position:fixed;inset:0}.overlay__content{background-color:var(--case-color);filter:drop-shadow(0 0 20px #000);border-style:solid;border-width:4pt;border-radius:20px;flex-direction:column;width:600px;min-height:300px;margin:40px;padding:10px;display:flex}.overlay__title{text-align:center;margin:0}.overlay__close{width:24px;height:24px;position:absolute;top:10px;right:10px}.component{background:var(--case-color);border-style:solid;border-width:4pt;border-radius:30px;padding:25px 15px 15px}.component[title]:before{content:attr(title);background-color:var(--case-color);border-style:solid;border-width:2px 4px;border-radius:15px;padding:0 4px;font-size:16pt;font-weight:700;position:absolute;translate:5px -42px}.oscilloscope{grid-template:"disp horiz spkr"min-content"disp vert trig"1fr/auto;gap:10px;display:grid}.section{border-style:solid;border-radius:25px;padding:10px}.section[title]{border-width:9pt 2pt 2pt;position:relative}.section[title]:before{content:attr(title);background-color:var(--case-color);text-transform:uppercase;padding:0 3pt;font-size:12pt;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-.95em)}.input[label]{justify-items:center;display:inline-grid}.input[label]:before{content:attr(label);text-transform:uppercase;font-size:12pt}.stacked{display:grid;position:relative}.stacked>webaudio-knob{place-self:center;position:absolute}.stacked:before{content:url(assets/time_div_knob.svg);margin-bottom:-4px}.wip{width:200px;display:grid}.wip:after{content:"Work In Progress ...";place-self:center}.connector{content:url(assets/connector_single.svg)}.display{grid-area:disp;grid-template-areas:"screen right""bottom right";display:grid}.display__shroud{background:#818181;border-style:solid;border-width:2pt;border-radius:20px;grid-area:screen;margin:-12px 5px 5px -12px;padding:30px}.display__screen{background-color:var(--background-color);border-style:solid;border-width:2pt;width:625px;height:500px;position:relative}#display__overlay{z-index:2;width:100%;height:100%;display:block;position:absolute}#display__overlay.none{display:none}#display__overlay.single{content:url(assets/screen_grid_single.svg)}#display__overlay.dual{content:url(assets/screen_grid_dual.svg)}#display__overlay.polar{content:url(assets/screen_grid_polar.svg)}#display__surface{contain:size;outline:none;flex:1;margin:0}.display__right{flex-direction:column;grid-area:right;justify-content:space-between;display:flex}.display__bottom{grid-area:bottom;justify-content:space-between;padding-right:20px;display:flex}.horizontal{grid-area:horiz;grid-template-areas:"pos scale var""xy scale mag";display:grid}.vertical{grid-area:vert;display:flex}.vertical__channel{grid-template-areas:"pos inv""scale scale""var acdc"". .""con gnd";align-items:end;display:grid}.vertical__divider{grid-template-rows:1fr min-content 3fr;grid-template-areas:"d1""mode""d2";justify-items:center;display:grid}.vertical__divider_line{border-style:solid;border-width:1pt;width:0;margin:10px 0}.speaker{flex-direction:column;grid-area:spkr;gap:10px;display:flex}.trigger{grid-area:trig}.playback{grid-template-areas:"amp amp_disp speed conn""controls controls controls controls""input input input input";display:grid}.playback__controls{align-items:end;display:flex}.playback__connectors{content:url(assets/connector_dual.svg)}