:root{--primaryColor: black;--primaryPastelColor: white;--secondaryColor: lightgray;--secondaryPastelColor: lightgray;--tertiaryColor: gray;--font-family: "Chakra Petch", sans-serif;--font-weight: 400;--font-style: normal}*{margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style);color:var(--secondaryColor);margin:100px 0 0;padding:0;overflow-x:hidden;background-color:var(--primaryPastelColor)}body.no-scroll{overflow:hidden}h1{display:flex;justify-content:center;margin-block-end:50px;font-size:1.6em;color:var(--primaryColor)}a{cursor:pointer}form{display:flex;justify-content:center}.formError{color:red;margin:0 auto 20px}::selection{background-color:var(--secondaryColor);color:#fff}input::placeholder,textarea::placeholder{color:var(--secondaryColor);opacity:1}label{font-size:1rem;padding:2px 5px;color:#000;color:var(--primaryColor);width:40%}input{font-size:1rem;background-color:#fff;color:#000;width:60%;height:25px;padding-left:6px;padding-right:6px;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style);text-align:center;border:1px solid var(--primaryColor);box-shadow:2px 2px 8px #0000001a}input:hover{background-color:var(--secondaryColor);color:#fff}input:focus{background-color:var(--primaryColor);color:#fff}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}textarea{padding-left:5px;padding-right:5px;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style);text-align:center;resize:none;overflow-y:hidden;background-color:#fff;color:#000}textarea:hover{background-color:var(--secondaryColor);color:#fff}textarea:focus{background-color:var(--primaryColor);color:#fff}select{text-align:center;font-size:1rem;background-color:#fff;color:#000;width:66.5%;height:35px;padding-left:4px;border:1px solid var(--primaryColor);box-shadow:2px 2px 8px #0000001a;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style)}select:focus{background-color:var(--primaryColor);color:#fff}select:hover{background-color:var(--secondaryColor);color:#fff}button{border-radius:5px;box-shadow:2px 2px 8px #0000001a;background-color:#fff;border:1px solid var(--primaryColor);color:var(--primaryColor);width:150px;height:50px;font-size:18px;padding:10px;font-size:1rem;margin:35px auto 10px;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style)}button:active{background-color:var(--primaryColor);color:#fff;border:1px solid white}button:focus{background-color:var(--primaryColor);color:#fff}button:hover{background-color:var(--secondaryColor);color:#fff}.abortButton{border:1px solid red;color:red}.abortButton:active{border:1px solid white;color:#fff;background-color:red}svg{fill:var(--primaryColor)}svg:active{fill:var(--tertiaryColor)}.header{width:100%;display:flex;flex-direction:row;padding:7px;height:40px;margin:0;box-sizing:border-box;box-shadow:2px 2px 8px #0003;background-color:#fff;border:3px solid black}.panelBackground{box-shadow:3px 3px 5px 5px #0000004d;width:100%;background-color:var(--primaryColor);margin:0 0 100px;box-sizing:border-box;list-style:none;align-items:center;display:flex;flex-direction:column;padding:16px;gap:15px}.panel{padding:20px;margin:50px 0;width:100%;max-width:600px;border:3px solid black;box-shadow:2px 2px 8px #0000001a;display:flex;flex-direction:column;background-color:var(--secondaryColor);box-sizing:border-box;border-radius:5px}.card{display:flex;flex-direction:column;padding:16px;border-radius:5px;border:3px solid black;box-shadow:2px 2px 8px #0000001a;background-color:var(--secondaryColor);max-width:auto;height:auto;color:var(--primaryColor);justify-content:center;gap:10px;text-align:center;overflow:hidden}.formPanel{display:flex;flex-wrap:wrap;gap:20px;width:80%;margin:auto}.formPanelPart{flex:1 1 45%;min-width:350px;display:flex;flex-direction:column;gap:15px}.formPart{display:flex;align-items:center;flex-wrap:wrap}.formPanelCenter{display:flex;flex-direction:column;align-items:center;width:80%;margin:auto;gap:20px}.formPanelPartCenter{width:100%;max-width:800px;display:flex;flex-direction:column;gap:15px}.headerNav{width:90%;margin:auto;list-style:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px 0px}.headerNavItem{position:relative;padding:20px 0;background-color:var(--primaryColor);width:300px;cursor:pointer;outline:2px solid var(--secondaryPastelColor)}.small{width:200px}.overlay{position:absolute;inset:0;mix-blend-mode:multiply;background:gray;opacity:0;transition:opacity .2s}.active{opacity:.9}.label{position:relative;z-index:1;text-align:center;color:#fff;font-size:1.4em;display:flex;justify-content:center;align-items:center}.redRectText{position:relative;padding:20px;background-color:var(--primaryColor);width:200px;color:#fff;font-size:1.2em;margin-right:10px}.redRectTextWide{position:relative;padding:20px;background-color:var(--primaryColor);width:100%;color:#fff;font-size:1.2em}.space{height:100px}.formButtonPanel{display:flex;flex-wrap:wrap;gap:30px;width:80%;margin:auto;justify-content:center}.formButtonPanel button{margin:40px 0 20px;width:300px}.sticky{margin-top:-15px}.formPart label{min-height:50px;max-width:300px;min-width:150px;padding:10px;background:#ccc;font-weight:700;text-align:right;display:flex;align-items:center;justify-content:center;border:1px solid var(--primaryColor);box-shadow:2px 2px 8px #0000001a;margin:auto}.formPart .transparency{min-height:50px;max-width:300px;min-width:150px;padding:10px;background:#0000;font-weight:700;text-align:right;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);box-shadow:2px 2px 8px #0000}.formPart input,.formPart select,.formPart button,.formPart span{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex:1;padding:10px;text-align:center;margin:0;min-height:50px;display:flex;align-items:center;justify-content:center;min-width:150px}.formPart button,.formPart select{min-height:72px;border-radius:0}.selectedButton{background:var(--primaryColor)!important;color:#ddd}.addRemoveButton{width:50px;max-width:50px}.formPart .unsetButton{max-width:100px;max-height:50px;min-height:50px;height:50px;border-radius:5px}.diagInfo{color:#000;font-size:1.2em}.formPart .diagInfoWide{color:#000;font-size:1.2em;font-weight:400;border:0px;box-shadow:none;background:#0000;max-width:100%;min-width:100%;text-align:left;align-items:center;justify-content:flex-start}.formDiagPanel{display:flex;flex-wrap:wrap;gap:30px;width:100%;margin:auto}.formDiagPanelPart{flex:1 1 45%;min-width:300px;display:flex;flex-direction:column;gap:15px;align-items:flex-start}.formDiagPanelPart:first-child{margin-bottom:50px}.formDiagPart{display:flex;align-items:center;flex-wrap:wrap;gap:15px;justify-content:flex-start}.formDiagPart label{min-width:250px;min-height:40px}.formDiagPart input{min-width:30px;min-height:30px;max-width:30px;max-height:30px}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:40px;height:40px;aspect-ratio:1 / 1;border:4px solid black;background:#fff;cursor:pointer;position:relative;transition:all .2s ease-in-out}input[type=checkbox]:hover{border-color:var(--primaryColor)}input[type=checkbox]:checked{background-color:var(--secondaryColor);border-color:var(--secondaryColor)}input[type=checkbox]:checked:after{content:"\2714";color:#fff;font-size:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--primaryColor);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}.bigSpinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--primaryColor);border-radius:50%;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;width:200px;height:200px;margin-top:50px}.spinnerParent{display:flex;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (max-width: 700px){.formPanel,.formPanelCenter{width:100%;max-width:100%;gap:15px}.formPanelPart,.formPanelPartCenter{width:100%;max-width:100%}.formPart{flex-direction:column;margin:auto;justify-content:center;align-items:center;width:100%;max-width:100%}.formPart label,.formPart input{text-align:center;width:350px;max-width:350px;margin:0 auto}.formPart select,.formPart button{text-align:center;width:372px;max-width:372px;margin:0 auto}.formPanelPartCenter{margin:auto}.diagPart input{width:30px;height:30px;max-width:30px;max-height:30px}.diagPart label{max-width:100px}.formDiagPanel{gap:20px;margin-bottom:20px}.formDiagPanelPart:first-child{margin-bottom:0}.formDiagPanelPart{margin:0}.formDiagPart{margin:auto}.diagInfo{margin:10px auto;max-width:80%}.formPart .diagInfoWide{justify-content:center}.redRectText{text-align:center}.formButtonPanel{gap:0px}.formButtonPanel button{margin-top:30px}.sticky{margin-top:-18px}.formPart .transparency{display:none}}