html,body,#root{height:100%;width:100%;padding:0;margin: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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mapSelector-content{padding:10px;flex-flow:column nowrap}.mapSelector-content button{border-radius:4px;color:#fff;text-shadow:1px 2px black;font-size:80%;border:1px solid rgb(56,45,45)}.mapSelector-content button:hover{box-shadow:1px 3px 10px #fff}input::placeholder{color:#00000098;font-size:1rem;font-style:italic}input:focus::placeholder{opacity:0}.mapselector-list{display:flex;flex-flow:column wrap;margin:10px;padding:5px;align-items:center;gap:10px}.list-item{width:80%;text-transform:uppercase;letter-spacing:2px;font-weight:900;color:#f5f5f5;background-color:#3854b194}.edit-list-button{width:33%;height:1.5rem;color:#fff;background-color:#6494ed25}.clearMap-button,.clear-list-button{background-color:#a52a2aa1}.clear-list-button:hover,.clearMap-button:hover{transform:scale(1.3)}.list-item.active{background-color:#617e6e;color:#fff;text-shadow:none;font-weight:700;box-shadow:0 0 0 2px #fff6}.dropdown-container{position:relative;width:100%}.dropdown-input{width:100%;height:2rem;border:1px solid #ccc;padding:5px;background-color:#d3dceb}.dropdown-list{list-style:none;padding:0;margin:0;max-height:160px;overflow-y:auto;border:1px solid #ccc;border-radius:5px;background-color:#d3dceb;position:absolute;width:100%;z-index:1000}.dropdown-item{padding:5px;cursor:pointer;border-bottom:1px solid #eee;font-size:1rem}.dropdown-item:hover{background-color:#acff2f3b}.dropdown-no-results{padding:10px;color:#888}.planner-wrapper{width:100%}.planner-sidebar{display:flex;flex-direction:column;align-items:center}.planner-sidebar h3,h4{color:bisque}.special-limitation{display:flex;flex-direction:column;align-items:center;width:100%}.special-limitation button:hover{transform:scale(1.08);background-color:#7595e7;transition:transform .6s,background-color .6s}.special-limitation button:active{background-color:#c8d3f0;transform:scale(1.08);background-color:#7595e7;transition:transform .6s,background-color .6s}.btn-addCondition{width:80%;height:2rem}.btn-complete{width:50%;height:2rem;margin-top:25px;background-color:#5add61b9}.limitation-box{width:100%;margin-top:15px}.config-shipType-box{display:flex;justify-content:space-between;align-items:end;width:90%;height:auto}.config-summary{width:100%}.config-icon{width:30%;height:4.2rem;border-radius:8px;filter:drop-shadow(1px 3px 3px rgba(0,255,255,.5))}.config-input{width:20%;height:2.5rem;border-radius:8px}.config-input:focus::placeholder{color:transparent}.limitation-box{display:flex;justify-content:space-between;padding-left:10px}.limitation-box input{width:80%;border:none}.config-summary{display:flex;flex-direction:column;text-align:center;background-color:transparent;padding:0;margin-top:10px}.config-summary h3{padding:0}.config-list{display:flex;padding:5px;justify-content:center}.config-item{display:flex;text-wrap:nowrap;gap:5px;align-items:center}.config-edit-input{width:30%;height:1.3rem}.config-item p{color:#38f0f0;font-size:1.5rem;margin:0}.config-list-icon{width:50px;height:50px;align-self:center}.config-list-limitations{margin:10px 0}.limitation-item{background-color:#f0ffff50;border-bottom:4px double white}.edit-button{width:35%;align-self:flex-end;font-size:1.2rem;background-color:#00ffff6e;border:2px solid aliceblue}.edit-button:hover{transform:scale(1.08);background-color:#f0f8ff;transition:transform .6s,background-color .6s}.ship-list{display:block;width:100%;height:auto}.ship-list-card{width:100%;height:2rem;background-color:#0ff;border:2px solid black}.ship-list-empty{background-color:#000}.error-message{color:red;font-size:.9rem;margin-bottom:10px}.ship-list-item{position:relative;display:flex;justify-content:space-between;opacity:1}.ship-info{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ship-name{font-size:1.2rem;font-weight:700}.nation-icon,.class-icon{height:2rem}.remove-button{opacity:0;position:absolute;width:100%;border:none;background-color:#58565648}.remove-icon{width:2rem;position:absolute;left:12%}.ship-list-item:hover .remove-button{opacity:1}.remove-icon:hover{scale:1.21}.input-components{width:50%}.ship-template{width:100%;background-color:#f5f5f589;display:flex;flex-direction:column;align-items:center;border-radius:8px;box-shadow:3px 7px 12px #0ff}.ship-type{display:flex;flex-direction:column;width:95%;padding-bottom:5px;border-bottom:2px solid black;border-radius:5px;margin:10px}.placeholder{margin-bottom:5px}.clear-list{width:50%;border:none;border-radius:8px;margin:10px}.edit-button{width:30%;border-radius:8px;margin-right:10px;margin-top:19px}.clear-list:hover{box-shadow:1px 1px 6px #fffffff5;background-color:#6494ed7c}.ship-placeholder{position:relative}.button-group{display:flex}.button-group button{flex:1;align-self:center;height:2rem;background-color:transparent;border:px solid black;border-radius:4px;opacity:.5}.cross-icon,.delete-icon{width:1.6rem}.button-group button:hover{transform:scale(1.012);width:85%;box-shadow:2px 2px 10px #aad1f5}.components-wrapper{display:flex;flex-direction:column;gap:10px;width:100%;background-color:transparent;box-sizing:border-box;margin-top:10px}.component-list{width:100%;background-color:transparent}.list-button:hover{background-color:#7fffd4}.list-button{width:100%;font-size:clamp(1rem,2vh,20px);font-weight:700;background-color:#00ffffa6;border-radius:8px}.active{background-color:#5abee9}.planner__inputSection{display:flex;flex-direction:column}.loginSection{display:flex;width:100%;flex-direction:column;gap:10px}.loginSection-toggler{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;padding:5px;border:2px solid rgb(78,138,156);border-radius:8px}.loginSection-label{display:flex;flex-wrap:wrap;padding-left:10px;color:#161818;font-size:clamp(1rem,2vh,20px);font-weight:800}.loginSection-button{display:flex;height:100%;align-items:center;justify-content:center;background-color:transparent;border:none}.loginSection-img{width:4vh}.login{background-color:#4ff71c81}.logout{width:30%;align-self:flex-end;background-color:#dd5f5fd5}.loginSection .logout:hover{width:100%;transition:width .35s}.user-card-wrapper{display:flex;width:100%;height:100%;max-height:260px;justify-content:center}.user-card-spinnerBox{display:flex;justify-content:center;align-items:center;width:100%;height:250px}.spinner{width:50px;height:50px;border:5px solid rgba(14,13,13,.219);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-card-content{display:flex;flex-direction:column;width:100%}.user-card-content span{font-style:italic;font-size:1.2em;text-shadow:1px 1px 4px aqua;color:#faebd7}.user-card-block{display:flex;justify-content:space-around}.user-name-tag{display:flex;align-self:center;font-weight:650;text-shadow:1px 1px 5px aqua;font-size:1.2em;margin:10px 0}.user-card-nav{display:flex;flex-direction:column;gap:10px}.user-avatar{width:39%}.user-card-nav{flex:auto}.user-card-nav button{background-color:#faebd7}.user-card-nav button:hover{box-shadow:1px 1px 5px #fff}.toolbar{display:flex;flex-direction:column;width:100%;padding:5px;align-items:center;gap:25px}.toolbar__row{display:flex;padding:10px;gap:50px}.gap{gap:65px;padding:10px}.toolbar-block-section{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(7,auto);gap:10px 25px;width:fit-content}.toolbar-button-select{grid-area:1/3}.toolbar-button-line{grid-area:2/1}.toolbar-button-tech{grid-area:2/3}.toolbar-button-curve{grid-area:2/2}.toolbar-button-vision{grid-area:2/4}.toolbar-button-radar{grid-area:2/5}.toolbar-button-icon{grid-area:3/3}.toolbar-button-base{grid-area:4/3}.toolbar-button-undo{grid-area:5/1}.toolbar-button-eraser{grid-area:5/3}.toolbar-button-redo{grid-area:5/5}.toolbar-button-download{grid-area:6/3}.toolbar-button-text{grid-area:6/2}.toolbar-button-save{grid-area:6/4}.toolbar-button-trash{grid-area:7/3}[class^=toolbar-button-]{width:100%;max-width:55px;background-color:transparent;border:2px solid black;border-radius:8px}[class^=toolbar-button-]:hover{scale:1.1;background-color:#c1c1e7}.toolbar-icon{width:100%}.active{background-color:#7fffd4}[class^=toolbar-button-].disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.blocked{opacity:.5;pointer-events:none}.common-settings{display:flex;flex-direction:column;width:100%;margin-top:35px}.common-settings h3,h4{margin-top:10px;color:#faebd7}._gradient-section_u6u8v_1{display:flex;flex-direction:column;width:100%;margin-top:20px;align-items:center;gap:15px}._color-gradient_u6u8v_11{width:100%;margin:10px 0;background:linear-gradient(to right,red,#ff0,green,#00f);border:2px solid white;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;border-radius:8px;outline:none}._color-gradient_u6u8v_11::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border:2px solid #312828;border-radius:1px;cursor:pointer}._color-gradient_u6u8v_11:active::-webkit-slider-thumb{width:50px;height:50px;transform:scale(1.2);border:3px solid #312828;background-color:var(--thumb-color)}._line-width_u6u8v_38{width:60%}.source-switch{display:grid;grid-template-columns:3fr 1fr 3fr;align-items:center}.source-switch img{height:3rem;align-items:center}.toggle-active,.toggle-pending{width:90%;height:2rem;border-radius:7px;color:#000;font-weight:750;background-color:#16a0a0;box-shadow:1px 1px 8px #fff;transition:width .3s ease;justify-self:center}.toggle-pending{width:70%;box-shadow:none}.ship-icon-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around}.ship-button{width:40%;background-color:transparent}.ship-button:hover{box-shadow:1px 2px 10px #fff}.ship-button:focus{box-shadow:1px 2px 10px #fff}.ship-icon{width:100%;background-color:transparent}.spec-setting-manual{margin-top:10px;align-self:center}.specset-block{display:flex;flex-direction:column;align-items:center;gap:5px}.specset-items{background-color:transparent;border:none;width:100%;height:2.4rem;font-size:1.4rem;color:#faebd7;font-weight:800;border:1px solid aqua}.specset-items:hover{transform:scale(1.1);text-shadow:2px 2px 10px rgb(0,0,0)}.specset-items:focus{transform:scale(1.1);background-color:#2e21e62d}.super-item{display:flex;justify-content:center;gap:12px;width:100%;height:2rem;text-shadow:1px 1px 10px rgba(179,255,0,.541)}.specset-items p{margin:0;text-align:center;display:flex;justify-content:center;align-items:center}.radar-settings{display:flex;flex-direction:column;align-items:center;gap:25px}.radar-settings label{color:#0ff}.radar-settings-input{width:50px;height:50px;text-align:center;font-size:25px;outline:none}fieldset{display:flex;width:100%;flex-direction:column;margin-top:25px}.preset-item{display:flex;width:100%;font-size:1.1rem;font-weight:700;gap:25px;justify-content:flex-start;margin:5px;color:#ffffffd0}.active{background-color:#0ff}.main-content{display:flex;height:100%;padding-top:15px;justify-content:center;gap:0px 50px}.canvas-wrapper{position:relative;width:min(56.5vw,100vh * (1253 / 1200));height:min(calc(56.5vw * (1200 / 1253)),100vh);max-width:1253px;max-height:1200px;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 0 25px #0e0808}#backgroundCanvas,#canvas,#drawingCanvas,#infoCanvas{position:absolute;top:0;left:0;max-width:100%;max-height:100%}#backgroundCanvas{z-index:1}#canvas{z-index:2}#drawingCanvas{z-index:3;background-color:transparent}#infoCanvas{z-index:4}.right-sidebar{flex:0 0 auto;width:20%;background-color:transparent;padding:20px}.left-sidebar{flex:0 0 auto;width:20%;background-color:transparent;box-sizing:border-box;padding:20px 20px 0}*,*:before,*:after{box-sizing:border-box}.app-wrapper{display:flex;flex-direction:column;min-width:100%;min-height:100%;background-image:url(/assets/blue_ocean-BHzxEDjU.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}footer{display:flex;width:100%;justify-content:center;margin-top:15px;position:sticky;flex:1;height:100%;z-index:3}footer span{color:#0ff;font-size:1.2rem;font-weight:500}.modal-overlay{position:fixed;opacity:0;transform:scale(.3);transition:opacity .3s ease,transform .3s ease;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay.show{opacity:1;transform:scale(1)}.modal-content{position:relative;background:#ffffff8a;padding:20px;border-radius:12px;max-width:1000px;max-height:500px;width:100%;height:100%;z-index:1001}.modal-close-button{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:35px;cursor:pointer;color:#f1e3e3}.modal-close-button:hover{color:#333}._main-container_71bno_1{display:flex;flex-direction:column;align-items:center;background-color:#2d5757;width:100%;height:450px;z-index:1000;border-radius:8px}._main-container_71bno_1 h2{color:#faebd7;margin:0 5px;font-size:2rem}._map-slider_71bno_17{display:flex;overflow-y:auto;width:inherit;height:100%;gap:20px;padding:20px}._map-item_71bno_25{width:300px;height:300px;flex-shrink:0;border-radius:5px}._map-item_71bno_25 button{border-radius:8px}._map-item_71bno_25 button:hover{scale:1.085;box-shadow:0 0 8px #fff;transition:scale .3s ease-in}._map-item_71bno_25 span{font-size:1rem;font-style:italic;font-weight:600}._map-preview_71bno_47{width:100%;height:100%;border-radius:5px}._toastContainer_p4c2n_1{position:fixed;top:50%;right:45%;z-index:9999;display:flex;flex-direction:column;gap:10px}._toast_p4c2n_1{padding:12px 20px;border-radius:6px;box-shadow:0 2px 6px #0003;color:#fff;animation:_fadeInOut_p4c2n_1 3s ease-in-out;font-size:35px;max-width:600px;word-break:break-word}._toastInfo_p4c2n_22{background-color:#007bff}._toastSuccess_p4c2n_26{background-color:#28a745}._toastError_p4c2n_30{background-color:#dc3545}@keyframes _fadeInOut_p4c2n_1{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}