.react-root-container{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overflow-y:auto}.react-root-container code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100%;width:100%;margin:0;padding:0;font-family:"Poppins",sans-serif;background-color:#002855;overflow-x:hidden}.Configurator{width:100%;text-align:center}.Configurator .config-container{position:relative;display:grid;margin:0 auto;grid-template-columns:100%;grid-template-rows:auto auto 400px;grid-row-gap:20px;row-gap:20px}.Configurator .headline-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;align-self:stretch;-ms-flex-direction:column;flex-direction:column;margin-bottom:20px;text-align:left;color:#fff;grid-gap:20px;gap:20px}.Configurator .headline-wrapper h2{font-family:"Poppins",sans-serif;font-size:min(calc(.99194rem + 2.25806vw),3.25rem);font-weight:400;font-style:normal;line-height:1.2;margin:0;color:#fff}.Configurator .headline-wrapper p{font-family:"Roboto",sans-serif;font-size:min(calc(.92742rem + .32258vw),1.25rem);font-weight:400;font-style:normal;line-height:1.4;margin:0;color:#fff}.Configurator #style-configurator{display:none}.Configurator #style-configurator.active{font-size:10px;display:-ms-grid;display:grid;overflow-y:auto;width:100%;margin:0 auto;padding:20px;text-align:left;border-radius:4px;background-color:#fff;-ms-grid-column:1;-ms-grid-row:3;-ms-grid-row-span:1;grid-column:1/2;grid-row:3/4;-ms-grid-columns:50% 50%;-ms-grid-rows:auto auto auto auto auto auto auto auto auto;grid-template-columns:50% 50%;grid-template-rows:auto auto auto auto auto auto auto auto auto}.Configurator #style-configurator.active h2{font-family:"Poppins",sans-serif;font-size:20px;font-weight:500;font-style:normal;line-height:1.4;margin-bottom:20px;color:#000;grid-column:1/-1}.Configurator #style-configurator.active h3{font-family:"Poppins",sans-serif;font-size:16px;font-weight:400;font-style:normal;line-height:1;margin-bottom:16px;color:#000}.Configurator #style-configurator.active svg{cursor:pointer}.Configurator #style-configurator.active div{font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:1.4;margin:0 10px;color:#6d7174;border-bottom:1px solid #afb1b3;padding-block:20px}.Configurator #style-configurator.active div p{display:-ms-grid;display:grid;margin:0 auto 5px;-ms-grid-columns:min-content auto;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto}.Configurator #style-configurator.active div p input[type=radio]{font-size:16px;margin:0 10px 0 0;cursor:pointer;-ms-grid-column:1;grid-column:1/2}.Configurator #style-configurator.active div p input[type=number]{font-size:14px;width:35px;height:20px;margin:0 10px 0 0;padding:2px 3px;color:#afb1b3;border:1px solid #afb1b3;border-radius:0;-ms-grid-column:1;grid-column:1/2}.Configurator #style-configurator.active div p input[type=number]:focus{border:1px solid #767676;outline:none}.Configurator #style-configurator.active div p label{display:inline-block;vertical-align:top;-ms-grid-column:2;grid-column:2/3}.Configurator #style-configurator.active div ol{margin:5px auto;padding-left:25px}.Configurator #style-configurator.active .noSpaceLeft{margin-left:0}.Configurator #style-configurator.active .noSpaceRight{margin-right:0}.Configurator #style-configurator.active #case{padding:20px;border-bottom:0;border-radius:4px;background:#f2f2f2;-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:2;grid-column:1/3;grid-row:span 1}.Configurator #style-configurator.active #caseNotes{-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:3;grid-column:1/3;grid-row:span 1}.Configurator #style-configurator.active #analogBoards{-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:4;grid-column:1/3;grid-row:span 1}.Configurator #style-configurator.active #ioBoards{-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:5;grid-column:1/3;grid-row:span 1}.Configurator #style-configurator.active #commBoards{-ms-grid-column:1;-ms-grid-column-span:2;-ms-grid-row:6;grid-column:1/3;grid-row:span 1}.Configurator #style-configurator.active #powerSupply{-ms-grid-column:1;-ms-grid-row:7;grid-column:1/2;grid-row:7/8}.Configurator #style-configurator.active #optionA{-ms-grid-column:1;-ms-grid-row:8;grid-column:1/2;grid-row:8/9}.Configurator #style-configurator.active #terminalKit{-ms-grid-column:2;-ms-grid-row:9;grid-column:2/3;grid-row:9/10}.Configurator #style-configurator.active #protection{-ms-grid-column:1;-ms-grid-row:9;grid-column:1/2;grid-row:9/10}.Configurator #style-configurator.active #protocol{-ms-grid-column:2;-ms-grid-row:7;grid-column:2/3;grid-row:7/8}.Configurator #style-configurator.active #optionB{-ms-grid-column:2;-ms-grid-row:8;grid-column:2/3;grid-row:8/9}.Configurator.Mobile #style-configurator.active #protection,.Configurator.Mobile #style-configurator.active #terminalKit,.Configurator.Tablet #style-configurator.active #protection,.Configurator.Tablet #style-configurator.active #terminalKit{padding-bottom:0;border-bottom:0}.Configurator.Web .config-container{max-width:1480px;margin:0 auto;grid-template-columns:minmax(0,1fr) max(500px,45%);grid-template-rows:minmax(0,-webkit-min-content) minmax(0,-webkit-min-content) 350px;grid-template-rows:minmax(0,min-content) minmax(0,min-content) 350px;grid-column-gap:40px;column-gap:40px;grid-row-gap:20px;row-gap:20px}.Configurator.Web .headline-wrapper{grid-column:2/3;grid-row:1/2}.Configurator.Web .config-header{width:60%;margin:auto;text-align:center;color:#fff;background-color:rgba(0,0,0,0);-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}.Configurator.Web .config-header h2{font-size:27px;margin:20px auto 10px}.Configurator.Web .config-header p{font-size:15px;margin:0 auto 30px}.Configurator.Web #style-configurator.active{font-size:11px;margin:0;-ms-grid-column:2;-ms-grid-row:3;grid-column:2/3;grid-row:3;-ms-grid-columns:40% 25% 35%;-ms-grid-rows:auto auto auto auto auto auto auto auto;grid-template-columns:40% 25% 35%;grid-template-rows:auto auto auto auto auto auto auto auto}.Configurator.Web #style-configurator.active div{margin:0}.Configurator.Web #style-configurator.active div ol{list-style-type:decimal}.Configurator.Web #style-configurator.active div p{margin:0 0 5px;-ms-grid-columns:min-content auto;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto}.Configurator.Web #style-configurator.active div p label{-ms-grid-column:2;grid-column:2/3}.Configurator.Web #style-configurator.active div ol{margin:5px auto;padding-left:25px}.Configurator.Web #style-configurator.active #case{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:2;grid-column:1/4;grid-row:span 1}.Configurator.Web #style-configurator.active #caseNotes{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:3;grid-column:1/4;grid-row:span 1}.Configurator.Web #style-configurator.active #analogBoards{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:4;grid-column:1/4;grid-row:span 1}.Configurator.Web #style-configurator.active #ioBoards{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:5;grid-column:1/4;grid-row:span 1}.Configurator.Web #style-configurator.active #commBoards{-ms-grid-column:1;-ms-grid-column-span:3;-ms-grid-row:6;grid-column:1/4;grid-row:span 1}.Configurator.Web #style-configurator.active #powerSupply{-ms-grid-column:1;-ms-grid-row:7;grid-column:1/2;grid-row:7/8}.Configurator.Web #style-configurator.active #optionA{-ms-grid-column:2;-ms-grid-row:7;grid-column:2/3;grid-row:7/8}.Configurator.Web #style-configurator.active #terminalKit{-ms-grid-column:3;-ms-grid-row:7;grid-column:3/4;grid-row:7/8}.Configurator.Web #style-configurator.active #protection{-ms-grid-column:1;-ms-grid-row:8;grid-column:1/2;grid-row:8/9}.Configurator.Web #style-configurator.active #protocol{-ms-grid-column:2;-ms-grid-row:8;grid-column:2/3;grid-row:8/9}.Configurator.Web #style-configurator.active #optionB{-ms-grid-column:3;-ms-grid-row:8;grid-column:3/4;grid-row:8/9}.Configurator.Web #style-configurator.active #optionB,.Configurator.Web #style-configurator.active #protection,.Configurator.Web #style-configurator.active #protocol{padding-bottom:0;border-bottom:0}.CanvasContainer{display:none;position:relative;background-color:#004c97}.CanvasContainer.active{display:block}.CanvasContainer.Mobile,.CanvasContainer.Tablet{-ms-grid-column:1;-ms-grid-row:3;grid-column:1/2;grid-row:3/4;height:100%;margin:auto 0 0}.CanvasContainer.Web{-ms-grid-column:1;-ms-grid-row:2;-ms-grid-row-span:2;grid-column:1/2;grid-row:1/-1;height:100%;margin:0}.Loader{display:none}.Loader.Mobile.Active,.Loader.Tablet.Active{display:block;text-align:center;position:absolute;z-index:10;top:50%;left:50%;font-size:15px;font-weight:700;color:#fff;font-family:"Poppins",sans-serif;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Loader.Mobile.Active #loadingCircle,.Loader.Tablet.Active #loadingCircle{height:50px;width:50px;border-radius:50px;border-bottom:5px solid rgba(0,0,0,0);border-top:5px solid rgba(0,0,0,0);border-color:#fff rgba(0,0,0,0);border-style:solid;border-width:5px;margin-bottom:5px;animation:loader 1.5s linear infinite}.Loader.Web.Active{display:block;text-align:center;position:absolute;z-index:10;top:50%;left:50%;font-size:20px;font-weight:700;color:#fff;font-family:"Roboto",sans-serif;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Loader.Web.Active #loadingCircle{height:100px;width:100px;border-radius:100px;border-bottom:10px solid rgba(0,0,0,0);border-top:10px solid rgba(0,0,0,0);border-color:#fff rgba(0,0,0,0);border-style:solid;border-width:10px;margin-bottom:10px;animation:loader 1.5s linear infinite}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.StyleInfo{z-index:10;display:grid;text-align:left;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px}.StyleInfo #style-error{display:none;visibility:hidden}.StyleInfo #style-error.active{display:block;visibility:visible;color:#e53935}.StyleInfo h2{font-family:"Poppins",sans-serif;font-size:20px;font-weight:500}.StyleInfo h2,.StyleInfo p{font-style:normal;line-height:1.4;color:#000}.StyleInfo p{font-size:14px;font-weight:400}.StyleInfo .info-wrapper{display:grid;padding:16px;border-radius:4px;background:#f2f2f2;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px}.StyleInfo button{font-family:"Poppins",sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:1;min-height:38px;padding:.25rem 1rem;cursor:pointer;text-align:center;-webkit-text-decoration:None;text-decoration:None;letter-spacing:0;text-transform:None;color:#fff;border:0;border-radius:8rem;background-color:#004c97;grid-gap:1rem;gap:1rem}.StyleInfo button:active,.StyleInfo button:focus{outline:none}.StyleInfo button.active{background-color:#002855}.StyleInfo .buttons-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:.25rem;gap:.25rem}.StyleInfo .StyleSlot{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:25px;height:25px;margin-right:4px;border-radius:4px;padding-block:4px;grid-gap:10px;gap:10px}.StyleInfo .SingleSlot{margin-right:4px}.StyleInfo .StyleText{margin-right:10px}.StyleInfo #hardware-info .StyleSlot{border:1px solid #004c97;background:#fff}.StyleInfo #style-info .StyleSlot{font-size:12px;font-weight:400;font-style:normal;line-height:140%;text-align:center;color:#6d7174;border:1px solid #e6e6e6;background:#e6e6e6}.StyleInfo #style-code .StyleCode{color:#6d7174}.StyleInfo.Mobile,.StyleInfo.Tablet{width:100%;padding:20px;border-radius:4px;background-color:#fff;grid-column:1/2;grid-row:2}.StyleInfo.Mobile .StyleText,.StyleInfo.Tablet .StyleText{width:auto}.StyleInfo.Web{padding:20px;border-radius:4px;background-color:#fff;-ms-grid-column:2;-ms-grid-row:2;grid-column:2/3;grid-row:2}.StyleInfo.Web .StyleText{width:auto}.Modal{display:none}.Modal.active{position:fixed;z-index:51;top:0;left:0;display:block;width:100%;height:100vh;text-align:center}.Modal.active .modal-container{position:relative;display:grid;overflow-y:auto;-ms-flex-align:center;align-items:center;margin:auto;text-align:center;background-color:#fff;grid-template-columns:minmax(0,1fr)}.Modal.active .modal-container h2{font-family:"Poppins",sans-serif;font-size:20px;font-weight:500;font-style:normal;line-height:1.4;margin-bottom:20px;color:#000}.Modal.active .modal-container input[type=email],.Modal.active .modal-container input[type=text]{display:block;width:100%;padding:5px 8px;border:1px solid #666;border-radius:3px}.Modal.active .modal-container input[type=email]:focus,.Modal.active .modal-container input[type=text]:focus{outline:none}.Modal.active .modal-container .group{display:none}.Modal.active .modal-container .group.active{position:relative;display:block;margin:20px 30px;text-align:left}.Modal.active .modal-container input[type=checkbox]{font-size:16px;margin:0 15px 0 0}.Modal.active .modal-container #first-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:start;justify-content:flex-start}.Modal.active .modal-container label{font-weight:400;display:inline-block;margin-bottom:5px}.Modal.active .modal-container .field-group#error:has(#error-text:empty){display:none}.Modal.active .modal-container #error-text{color:#e53935}.Modal.active .modal-container button{font-family:"Poppins",sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:1;min-height:38px;margin:10px 15px 20px 0;padding:.25rem 1rem;cursor:pointer;text-align:center;-webkit-text-decoration:None;text-decoration:None;letter-spacing:0;text-transform:None;color:#fff;border:0;border-radius:8rem;background-color:#004c97;grid-gap:1rem;gap:1rem}.Modal.active .modal-container button:active,.Modal.active .modal-container button:focus{outline:none}.Modal.Mobile .modal-container{width:100%;height:100%}.Modal.Mobile .modal-container .field-group{font-size:12px;margin:8px auto}.Modal.Mobile .modal-container .close-button{position:fixed;top:5px;right:5px}.Modal.Tablet{background-color:rgba(0,0,0,.25)}.Modal.Tablet .modal-container{top:50%;width:450px;height:400px;-ms-transform:translateY(-50%);transform:translateY(-50%);box-shadow:5px 5px 8px rgba(0,0,0,.25);-webkit-font-smoothing:subpixel-antialiased}.Modal.Tablet .modal-container .field-group{font-size:10px;margin:8px auto}.Modal.Tablet .modal-container button{font-size:12px;margin:5px 10px 0 0;padding:5px 10px;border-radius:3px}.Modal.Tablet .modal-container .close-button{position:fixed;top:15px;right:10px}.Modal.Web{background-color:rgba(0,0,0,.25)}.Modal.Web .modal-container{top:50%;width:600px;height:550px;-ms-transform:translateY(-50%);transform:translateY(-50%);box-shadow:5px 5px 8px rgba(0,0,0,.25);-webkit-font-smoothing:subpixel-antialiased}.Modal.Web .modal-container .field-group{font-size:15px;margin:0 0 15px}.Modal.Web .modal-container button{font-size:15px;margin:10px 15px 20px 0;padding:8px 10px;border-radius:5px}.Modal.Web .modal-container .close-button{position:fixed;top:25px;right:10px}