@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");.nav{display:flex;position:fixed;z-index:999999;top:20px;left:50%;transform:translateX(-50%);max-width:650px;width:100%;height:60px;align-items:center;justify-content:space-between;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:500;background:rgba(46,46,46,.8);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:10px;padding:0 10px;.left{width:50%;height:100%;align-items:center;justify-content:start;flex-direction:row;display:flex;gap:5px;.item{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:10px 15px;border-radius:8px;background-color:#fff;color:#0c0c0c;display:flex;position:relative;flex-direction:row;cursor:pointer;&:hover{background-color:#e0e0e0}}.link{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;padding:10px;border-radius:8px;color:#f4f5f7;display:flex;position:relative;flex-direction:row;cursor:pointer;&:hover{color:#bbfe3b}}.dropdown-next:before{content:"";width:5px;height:5px;background-color:#bbfe3b;border-radius:100%;position:absolute;right:3px;top:12px;animation:radar-pulse 1.3s infinite}.dropdown{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;padding:10px;border-radius:8px;color:#f4f5f7;display:flex;position:relative;flex-direction:row;cursor:pointer;&:hover{color:#bbfe3b}}}.right{width:40%;height:100%;align-items:center;justify-content:end;flex-direction:row;display:flex;gap:5px;.item{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:10px 15px 10px 35px;border-radius:8px;background-color:#fff;color:#0c0c0c;display:none;position:relative;flex-direction:row}.dropdown{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;padding:10px 15px;border-radius:8px;color:#f4f5f7;display:flex;position:relative;flex-direction:row;cursor:pointer;&:hover{color:#bbfe3b}}.button{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:10px 15px;border-radius:8px;background-color:#b8ff33;border:0!important;color:#0c0c0c;font-weight:450;display:flex;position:relative;cursor:pointer;flex-direction:row;&:hover{background-color:#91c929}}}.mid{display:flex;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:-moz-fit-content;width:fit-content;height:100%;align-items:center;justify-content:center;.logo{display:flex;position:relative;width:40px;height:40px;background-color:rebeccapurple;align-items:center;justify-content:center;cursor:pointer}}}@font-face{font-family:CG;src:url(webpack:///mini-css-extract-plugin//_next/static/media/ClashGrotesk-Variable.ebe29424.ttf) format("truetype")}@media (max-width:675px){.nav{max-width:90vw}body{background-size:150%}}@media (max-width:600px){body{background-size:200%!important}.nav .right{display:flex}.nav .mid{display:none;position:relative;background-color:transparent;margin-right:0}.nav{justify-content:space-between!important}.nav .left{width:-moz-fit-content;width:fit-content}}@keyframes radar-pulse{0%{box-shadow:0 0 0 0 rgba(187,254,59,.7);border-radius:100%}to{box-shadow:0 0 0 5px rgba(187,254,59,0);border-radius:100%}}@media (max-width:380px){.nav .right .button{display:none!important}.nav .right .dropdown{padding:10px 0 10px 10px!important}}