@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.barlow-condensed-thin{font-family:Barlow Condensed,sans-serif;font-weight:100;font-style:normal}.barlow-condensed-extralight{font-family:Barlow Condensed,sans-serif;font-weight:200;font-style:normal}.barlow-condensed-light{font-family:Barlow Condensed,sans-serif;font-weight:300;font-style:normal}.barlow-condensed-regular{font-family:Barlow Condensed,sans-serif;font-weight:400;font-style:normal}.barlow-condensed-medium{font-family:Barlow Condensed,sans-serif;font-weight:500;font-style:normal}.barlow-condensed-semibold{font-family:Barlow Condensed,sans-serif;font-weight:600;font-style:normal}.barlow-condensed-bold{font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:normal}.barlow-condensed-extrabold{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:normal}.barlow-condensed-black{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:normal}.barlow-condensed-thin-italic{font-family:Barlow Condensed,sans-serif;font-weight:100;font-style:italic}.barlow-condensed-extralight-italic{font-family:Barlow Condensed,sans-serif;font-weight:200;font-style:italic}.barlow-condensed-light-italic{font-family:Barlow Condensed,sans-serif;font-weight:300;font-style:italic}.barlow-condensed-regular-italic{font-family:Barlow Condensed,sans-serif;font-weight:400;font-style:italic}.barlow-condensed-medium-italic{font-family:Barlow Condensed,sans-serif;font-weight:500;font-style:italic}.barlow-condensed-semibold-italic{font-family:Barlow Condensed,sans-serif;font-weight:600;font-style:italic}.barlow-condensed-bold-italic{font-family:Barlow Condensed,sans-serif;font-weight:700;font-style:italic}.barlow-condensed-extrabold-italic{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic}.barlow-condensed-black-italic{font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic}body{font-family:courier,sans-serif;display:flex;align-items:center;justify-content:center;margin:0;min-height:100vh;obackground-image:linear-gradient(180deg,#A2AEBB,#426288);background-color:#a5a699;background-color:#999da6;background-image:linear-gradient(180deg,#a2aebb,#bcb699);background-image:linear-gradient(180deg,#869388,#777f90)}body *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}#app{background-color:#b6cad5;height:100vh}a{margin-right:1rem}a.branding{color:#fffcea88;font-size:14px;position:absolute;right:5px;bottom:15px;text-decoration:none}main{display:flex;align-items:center;flex-direction:column;margin:0 auto;text-align:center}@media(orientation:landscape){main{flex-direction:row;gap:2rem}}.group{display:flex;flex-direction:row;gap:1rem;justify-content:center;margin:.5rem 0;width:100%}@media(orientation:landscape){.group{flex-direction:column}}.border{border:2px solid #121210;border:2px solid #FFFCEA;border-radius:8px;padding:4px 12px 12px}.label{color:#fffcea;font-size:16px;letter-spacing:.5px;line-height:32px;text-transform:uppercase}.sticker{background-color:#121210;color:#fffcea;font-size:16px;padding:2px 7px 3px;position:absolute;top:10px;left:9px;transform:rotate(-.25deg)}.toggleswitch{aspect-ratio:1;background:#d26169;border:4px solid #25271F;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:auto;width:24px}.toggleswitch.on{background:#b7ed71}.toggleswitch .text{color:#25271f;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:600;font-style:normal;letter-spacing:.5px}.retro .toggleswitch{background:transparent;border:none;cursor:pointer;display:block;padding:0;min-width:32px;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.retro .toggleswitch img{display:block;filter:contrast(1.4);width:100%;height:auto;object-fit:contain;pointer-events:none}.knob-wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center}.knob{aspect-ratio:1;border:4px solid #25271f;border-radius:50%;background:#5d634d;background:#4d5f63;background:#d9d7c9;cursor:ns-resize;overflow:hidden;position:relative;user-select:none;touch-action:none}.knob:focus-visible{outline:3px solid #335d92;outline-offset:4px}.knob--lg{width:100px;box-shadow:0 10px 12px #0000004d}.knob--md{width:75px;box-shadow:0 7px 9px #00000047}.knob--sm{width:50px;box-shadow:0 4px 6px #00000040}.knob-indicator{position:absolute;inset:0;transform-origin:center}.knob-dot{position:absolute;top:10%;left:calc(50% - 8px);width:10px;aspect-ratio:1;border-radius:50%;background:#fff;background:#000;box-shadow:0 1px 2px #00000040}.retro .knob{border:unset;border-radius:unset;background:unset;box-shadow:unset;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.retro .knob img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center;pointer-events:none}.flex{display:flex}.flex.col{flex-direction:column}.flex.row{flex-direction:row}.gap-rem-025{gap:.25rem}.gap-rem-050{gap:.5rem}.gap-rem-100{gap:1rem}.gap-rem-200{gap:2rem}.gap-rem-300{gap:3rem}