:root{--bg-dark: hsl(0 0% 13%);--bg: hsl(0 0% 18%);--bg-light: hsl(0 0% 23%);--text: hsl(0 0% 90%);--text-muted: hsl(0 0% 70%);--red: hsl(10, 76%, 37%);--red-dark: hsl(10, 75%, 17%);--green: hsl(111, 76%, 37%);--green-dark: hsl(111, 75%, 17%);--blue: hsl(249, 84%, 34%);--blue-dark: hsl(249, 84%, 15%);--white: hsl(0, 0%, 100%);--white-dark: hsl(0, 0%, 80%);--black: hsl(0, 0%, 0%);--black-dark: hsl(0, 0%, 20%);--yellow: hsl(66, 100%, 60%);--yellow-dark: hsl(66, 100%, 40%);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;background-color:var(--bg-dark);padding-top:2vh;min-width:320px;min-height:100vh}#root{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:2rem;text-align:center;color:var(--text)}@media (pointer:none),(pointer:coarse){#root{padding:0}}.modDiv{display:flex;flex-direction:column;flex-wrap:wrap;flex-basis:0%;margin:10px;background-color:var(--bg);color:var(--text);border-radius:8px;box-shadow:0 2px 4px #0000001a;width:60%}@media (pointer:none),(pointer:coarse){.modDiv{flex-direction:column;width:100%;margin-bottom:20px}}.modName{display:flex;flex-grow:1;flex-basis:0%;margin:10px;color:var(--text);font-size:xx-large}.WireComponent{margin:10px}.WireButtons{display:flex;flex-direction:column}.WireButtonRow{display:flex;flex-direction:row;justify-content:center}.WireButton{background-color:var(--bg-light);color:var(--text);border:none;border-radius:2px;margin:2px;padding:10px}.Red{background-color:var(--red);color:var(--text)}.Green{background-color:var(--green);color:var(--text)}.Blue{background-color:var(--blue);color:var(--text)}.Yellow{background-color:var(--yellow);color:var(--bg-dark)}.White{background-color:var(--white);color:var(--bg-dark)}.Black{background-color:var(--black);color:var(--text)}.Empty{background-color:var(--bg-light);color:var(--text)}.SetupDiv{display:flex;justify-content:left;flex-direction:column;margin:10px}.SetupElement{display:flex;flex-direction:row;justify-content:left}input{background-color:var(--bg-light);border:3px solid var(--bg-dark);color:var(--text)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.ButtonComponent{display:flex;flex-direction:row;margin:10px}.ButtonColorPicker,.ButtonLabelPicker,.ButtonStripPicker{display:flex;flex-direction:column;flex-grow:1;flex-basis:0%}.ButtonPickButton{background-color:var(--bg-light);color:var(--text);border:none;border-radius:2px;margin:2px;padding:10px}.SymbolsDiv{display:flex;flex-direction:row;padding-left:100px;padding-right:100px}@media (max-width: 600px){.SymbolsDiv{padding-left:0;padding-right:0}}.SymbolColumn{display:flex;flex-direction:column;flex-grow:1;align-items:center;padding-bottom:5px}.SymbolImage{background-color:var(--bg-light);border-radius:5px;margin:5px;width:80px}@media (max-width: 600px){.SymbolImage{display:flex;flex-grow:1;flex-basis:0%;width:80%}}.SymbolClicked{background-color:var(--yellow)}.SSComponent{display:flex;margin:10px;flex-direction:row}@media (max-width: 600px){.SSComponent{flex-direction:column}}.SSStrikeSelect{display:flex;flex-direction:row;height:min-content}.SSStrikeLabel{display:flex;align-items:center}.SSStrikeButton{background-color:var(--bg-light);color:var(--text);border:none;border-radius:2px;margin:2px;padding:10px;height:min-content}.SSStrikeSelected{background-color:var(--red)}.SSButtonPanelDiv{display:flex;flex-direction:column;padding:20px}@media (max-width: 600px){.SSButtonPanelDiv{flex-direction:row}}.SSButtonPanel{transform:rotate(45deg)}.SSButtonPanel2{display:flex;flex-direction:row}.SSButton{border:none;border-radius:2px;margin:2px;padding:30px}.SSButtonRed{background-color:var(--red)}.SSButtonGreen{background-color:var(--green)}.SSButtonBlue{background-color:var(--blue)}.SSButtonYellow{background-color:var(--yellow)}.SSButtonRed:active{background-color:var(--red-dark)}.SSButtonGreen:active{background-color:var(--green-dark)}.SSButtonBlue:active{background-color:var(--blue-dark)}.SSButtonYellow:active{background-color:var(--yellow-dark)}.SSAnswerDiv{display:flex;flex-direction:row;flex-basis:0%;flex-grow:12;height:50px}@media (max-width: 600px){.SSAnswerDiv{flex-direction:column}}.SSAnswer{padding:20px;margin:2px}