:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{min-height:1200px;margin:0 auto;padding:32px;text-align:center}h2{margin:0 0 32px}.card{padding:32px;background:#000008;border:2px #333 solid;border-radius:25px;display:flex;justify-content:center;flex-direction:column;margin:32px}.card span{display:flex;justify-content:space-between;gap:20px}.card p{margin:0;display:flex;justify-content:right}.card td{text-align:left;padding:12px 16px;border:1px solid #666}.card .better{font-weight:700}.card .best{font-weight:800}.statBlock{margin:16px}form{display:flex}.main{display:flex;min-width:95vw}.filters{flex-direction:row;margin:32px 16px 24px}.filters input{width:100px}.filters label{display:flex;justify-content:space-between}.filters img{margin:auto;height:300px}@media only screen and (max-width:1850px){.filters img{height:150px}}.filterBlock{display:flex;flex-direction:column}.cardContainer{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:0 12px;max-width:2400px}.cardContainer .card{display:flex;margin:8px 4px}.hp{color:#accdf6!important}.speed{color:#cdf6ac!important}.cannons{color:#bdbdc5!important}.cooldowns{color:#f6acf6!important}.crew{color:#acf6f6!important}.repair{color:#a48b41!important}.misc{color:#acacf6!important}p{color:#cdf6ac}.filterStatGroup{padding:6px;margin:16px}.statFilters{flex-direction:row;border:2px solid #242424;padding:16px;border-radius:25px}.statContainer{display:flex;flex-direction:row}.boatType{border:2px solid #242424;padding:32px;border-radius:25px;margin-right:32px}.boatType label{margin-top:16px}.boatCard{margin:16px}.boatCard h3,.boatCard h2{margin:0 0 8px;text-transform:capitalize}.notFound,.loaderContainer{width:100%;margin-left:4px;margin-right:4px;display:flex;justify-content:center}.hidden{display:none}.selectorBlock{width:200px;padding-top:16px}.selectorBlock #serial,.selectorBlock #name,.selectorBlock select{width:100%}.loader{width:45px;aspect-ratio:1;--c: no-repeat linear-gradient(#accdf6 0 0);background:var(--c) 0% 100%,var(--c) 50% 100%,var(--c) 100% 100%;animation:l2 1s infinite linear;margin:auto}@keyframes l2{0%{background-size:20% 100%,20% 100%,20% 100%}20%{background-size:20% 60%,20% 100%,20% 100%}40%{background-size:20% 80%,20% 60%,20% 100%}60%{background-size:20% 100%,20% 80%,20% 60%}80%{background-size:20% 100%,20% 100%,20% 80%}to{background-size:20% 100%,20% 100%,20% 100%}}