body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{height:100%;position:relative;text-align:center;width:100%}a{text-decoration:none}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.App{background-color:#f0f8ff;background-image:url(/static/media/bg.45ec9a3385f231a6e2cf.png);background-position:bottom,bottom;background-size:cover,cover}.App-logo{height:40vmin;pointer-events:none}.pulsate{animation:pulsate 2s linear infinite}.footer,.header{background-color:#444;color:#fff;height:30px;text-align:left;width:100%}.footer{bottom:0;font-size:12px;left:0;padding-top:8px}.footer,.footer-icon{position:absolute;z-index:105}.footer-icon{bottom:5px;left:5px;width:55px}.footer-user-details{bottom:8px;font-size:10px}.footer-user-details,.header-icon{position:absolute;right:5px;z-index:105}.header-icon{height:23px;top:5px}.header h4{margin:0 0 0 10px;padding:3px 0 0}.page{animation:fadeIn2 .5s ease-in-out;background-color:#e9e9e9;background-position:50%,50%;background-size:cover,cover;height:calc(100% - 30px);margin:0 auto;max-width:1500px;overflow:auto;position:relative;width:calc(100% - 40px)}.page-title{font-size:38px;margin:0}.back-btn{background-color:#888;border-bottom-right-radius:10px;color:#fff;left:0;padding:5px;position:absolute;top:0;transition:all .3s;vertical-align:top;z-index:105}.back-btn img{height:25px;margin-right:5px;vertical-align:middle}.back-btn h4{display:inline-block;font-size:18;margin:0}.back-btn:hover h4{text-decoration:underline}.back-btn:hover{background-color:#555}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.close-btn{background-color:#d86d6d;border-radius:4px;font-size:14px;height:18px;padding-bottom:2px;padding-top:1px;position:absolute;right:4px;text-align:center;top:4px;width:22px}.close-btn:hover{background-color:red;cursor:pointer;scale:1.02}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleIn{0%{scale:.94}to{scale:1}}@keyframes fadeIn{0%{opacity:.3}to{opacity:1}}@keyframes fadeInFromZero{0%{opacity:0}30%{opacity:0}to{opacity:1}}@keyframes pulsate{0%{opacity:0}40%{opacity:.9}60%{opacity:.9}to{opacity:0}}@keyframes fadeIn2{0%{opacity:0}to{opacity:1}}.start-page{background-color:#c7cbcc8c;background-position:bottom,bottom;background-size:cover,cover;border:0;border-radius:15px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:300px;left:calc(50% - 250px);margin:0;overflow-y:hidden;padding:0;position:relative;text-align:center;top:calc(50% - 200px);width:500px}.start-page h3{font-size:35px;text-align:center}.start-btn{background-color:#3a3a3a73;border:2px solid #363636;border-radius:10px;height:80px;margin:0 auto 30px;padding:15px 0 0;transition:all .3s;width:300px}.start-btn,.start-btn span{text-align:center;vertical-align:middle}.start-btn span{color:#fff;font-size:40px;text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none}.start-btn:hover{background-color:#5a5a5a;cursor:pointer}.start-btn:click{background-color:#1f8a3a;cursor:pointer}.vehicles{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.vehicle-list{margin:0 auto;max-width:900px;padding-bottom:30px;width:90%}.variants{align-items:flex-start;display:flex;gap:15px;height:calc(100% - 60px);justify-content:center;padding:10px}.variant-list{border-right:2px solid #8b8b8b;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;margin:0 auto;overflow-y:hidden;padding-bottom:5px;padding-top:5px;text-align:center;width:220px}.variant-list-scrollable{max-height:100%;overflow-y:auto;padding-right:5px}.variant-features{display:flex;flex-direction:column;height:100%;padding:10px;position:relative;text-align:left;width:500px}.select-variant-btn{background-color:#145f99;border-radius:5px;color:#fff;padding:10px;transition:background-color .3s}.select-variant-btn,.veh-card{cursor:pointer;text-align:center}.veh-card{background-color:#fff;border:2px solid #444;border-radius:10px;box-shadow:2px 2px 8px #0000004d;display:inline-block;height:150px;margin-bottom:5px;overflow:hidden;transition:transform .3s,box-shadow .3s;transition:all .3s;width:200px}.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.5}.veh-card:hover{border-color:#fff;box-shadow:4px 4px 12px #0006;transform:scale(1.03)}.veh-card img{height:100px;object-fit:cover;width:100%}.popup,.veh-select-popup{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#c8c8c8b3;border-radius:5px;height:calc(100% - 90px);left:0;margin:0 auto;overflow:hidden;position:fixed;right:0;top:40px;width:800px;z-index:200}.user-form{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;height:auto;left:0;max-width:90%;padding:20px;position:absolute;right:0;top:10%;width:350px}.user-form span{display:inline-block;font-weight:700;width:100px}.user-form input{border:1px solid #ccc;border-radius:5px;padding:5px;width:calc(100% - 10px)}.user-form h4{font-size:24px;margin-bottom:15px;text-align:center}.user-form div{text-align:left}.save-user-details{background-color:#145f99;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px;text-align:center;transition:background-color .3s}.save-user-details:hover{background-color:#0d3f66}.card{border-radius:30px;display:inline-block;height:21%;margin:0 5px;max-height:24vh;max-width:24vh;min-width:110px;overflow-y:visible;position:relative;text-align:center;transition:all .2s;vertical-align:middle}.able-card:hover{scale:1.03}.able-card:hover span{background-color:#32323299;padding:7px 0;top:calc(var(--top) - 4%)}.card img{height:120%;position:relative;width:100%}.card span{--top:40%;background-color:#32323280;color:#fff;font-size:18px;left:0;margin:0 auto;position:absolute;right:0;top:var(--top);transition:padding .2s;transition:all .5s;width:calc(100% - 6px)}.card-link{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}@media only screen and (max-width:1200px){.card span{font-size:13px}}@media only screen and (max-width:520px){.card span{font-size:9px}.card{height:21%!important;width:20%!important}}.vehOperationsPage{height:calc(100% - 70px);margin:0 auto;max-width:1500px;padding:20px;position:relative;width:calc(100% - 40px)}.vehicle-operation-top{background-color:#fff;border:2px solid #444;border-radius:5px;box-shadow:2px 2px 8px #0000004d;display:block;height:29%;width:99%}.veh-ammunition{border-right:2px solid #888;width:calc(35% - 22px)}.veh-ammunition,.vehicle-status{display:inline-block;height:calc(100% - 20px);padding:10px;text-align:left;vertical-align:top}.vehicle-status{width:calc(65% - 20px)}.vehicle-status h3{display:inline-block;margin:0;padding:0;width:150px}.vehicle-image{align-items:center;border:2px solid #444;border-radius:5px;box-shadow:2px 2px 8px #0000004d;display:block;flex-direction:column;height:calc(65% - 55px);justify-content:center;margin:10px 0;position:relative;width:99%}.vehicle-image img{left:0;max-height:100%;object-fit:cover;position:absolute;top:0;width:100%}.testWidgetWindow{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0003;cursor:move;font-family:Arial,sans-serif;left:100px;padding:12px;position:fixed;top:100px;width:220px;z-index:9999}.testWidgetWindow h2{font-size:16px;margin:0 0 8px;text-align:center}.testWidgetWindow h4{color:#555;font-size:13px;font-weight:400;margin:4px 0 12px;text-align:center}.testWidgetWindow div{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:8px;padding:8px;text-align:center;-webkit-user-select:none;user-select:none}.testWidgetWindow div:hover{background-color:#0056b3}
/*# sourceMappingURL=main.52fbd894.css.map*/