.navigation-bar{width:100%;box-sizing:border-box;height:72px;position:fixed;top:0;left:0;z-index:10;transition:.3s;background:rgba(0,0,0,0);display:flex;justify-content:space-between;align-items:center;padding:12px 24px;font-family:"Outfit";color:#1f1f1f}.navigation-bar .logo-link,.navigation-bar .right{flex:1 1 auto}.navigation-bar .app-logo{cursor:pointer;z-index:2;margin:0;fill:#4c33ff;width:165px}.navigation-bar .small-logo{display:none;cursor:pointer;fill:#4c33ff}.navigation-bar:hover,.navigation-bar.small{background:#fff;box-shadow:0px 2px 4px 0px rgba(0,0,0,.1490196078)}.navigation-bar .buttons{display:flex;align-items:center}.navigation-bar .buttons button{min-width:100px;height:40px;cursor:pointer;color:#1f1f1f;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border:none;outline:none;background:rgba(0,0,0,0);position:relative;padding:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 12px}.navigation-bar .buttons button .list{margin:0;padding:16px 32px;border-radius:12px;background:#fff;position:absolute;top:66px;left:50%;transform:translate(-50%, 0);list-style:none;display:none;cursor:default;box-shadow:0px 1px 6px 0px rgba(0,0,0,.1215686275)}.navigation-bar .buttons button .list li{white-space:nowrap;color:#1f1f1f;font-size:14px;font-style:normal;font-weight:500;line-height:40px;height:40px;text-align:left;cursor:pointer}.navigation-bar .buttons button .list li:hover{color:#3021d9}.navigation-bar .buttons button .list li svg{fill:currentColor}.navigation-bar .buttons button .list li a{display:flex;align-items:center;gap:8px;width:100%;height:100%}.navigation-bar .buttons button .list li::before{display:none}.navigation-bar .buttons button .list:after{content:"";position:absolute;right:0;left:0;top:-40px;height:40px}.navigation-bar .buttons button>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.navigation-bar .buttons button>a .new-tag{display:inline-block;border-radius:2px;padding:2px 4px;background:linear-gradient(90deg, #a846ee 0%, #4e71fc 100%);box-shadow:0px .2px 1px 0px rgba(3,4,71,.08),0px 1.5px 3px 0px rgba(3,4,71,.1);margin-left:6px;color:#fff;text-align:center;font-family:Poppins;font-size:10px;font-weight:600;line-height:normal;box-sizing:border-box;position:relative}.navigation-bar .buttons button>a .new-tag::after{content:"";border:1px solid rgba(0,0,0,.12);width:100%;height:100%;position:absolute;top:0;left:0;border-radius:2px}.navigation-bar .buttons button:hover .list{display:block}.navigation-bar .right{width:195px;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:165px}.navigation-bar .user{display:flex;gap:10px;align-items:center}.navigation-bar .user .language{font-size:0;cursor:pointer;position:relative}.navigation-bar .user .language .list{margin:0;padding:24px 36px;border-radius:12px;background:#fff;position:absolute;top:51px;left:50%;transform:translate(-50%, 0);list-style:none;display:none;cursor:default;box-shadow:0px 1px 6px 0px rgba(0,0,0,.1215686275);width:180px;flex-direction:column;gap:21px}.navigation-bar .user .language .list li{white-space:nowrap;color:#1f1f1f;font-size:14px;font-weight:500;line-height:24px;text-align:left;cursor:pointer}.navigation-bar .user .language .list li:hover{color:#3021d9}.navigation-bar .user .language .list li svg{fill:currentColor}.navigation-bar .user .language .list li a{display:flex;align-items:center;gap:8px;width:100%;height:100%}.navigation-bar .user .language .list li::before{display:none}.navigation-bar .user .language .list:after{content:"";position:absolute;right:0;left:0;top:-35px;height:35px}.navigation-bar .user .language .list.default{left:20px;transform:translate(-100%, 0)}.navigation-bar .user .language:hover .list{display:flex}.navigation-bar .user .login,.navigation-bar .user .signup,.navigation-bar .user .create{line-height:36px;height:36px;flex:0 0 auto;font-size:14px;font-weight:600}.navigation-bar .user .login:hover,.navigation-bar .user .login:active,.navigation-bar .user .signup:hover,.navigation-bar .user .signup:active,.navigation-bar .user .create:hover,.navigation-bar .user .create:active{opacity:.8}.navigation-bar .user .login{width:63px;text-align:center}.navigation-bar .user .create,.navigation-bar .user .signup{border:1px solid #1f1f1f;border-radius:36px;padding:0 24px;box-sizing:content-box}.navigation-bar .menu{display:none;position:relative;height:27px}.navigation-bar .menu #openMenu{fill:#515151}.navigation-bar .menu #closeMenu{fill:#3021d9}.navigation-bar .menu #menu-list{position:fixed;top:72px;bottom:0;right:0;width:100%;max-width:640px;background:#fff;box-shadow:0px 1px 6px 0px rgba(0,0,0,.1215686275);overflow:auto;animation:slideFromRight .3s ease-in-out;padding:32px}.navigation-bar .menu #menu-list button{display:block;font-size:28px;font-weight:400;line-height:35px;margin-bottom:24px;color:#1f1f1f;appearance:none;background:rgba(0,0,0,0);border:none;outline:none;text-align:left}.navigation-bar .menu #menu-list button>a{display:flex;align-items:center}.navigation-bar .menu #menu-list button .new-tag{display:inline-block;border-radius:2px;padding:2px 4px;background:linear-gradient(90deg, #a846ee 0%, #4e71fc 100%);box-shadow:0px .2px 1px 0px rgba(3,4,71,.08),0px 1.5px 3px 0px rgba(3,4,71,.1);margin-left:6px;color:#fff;text-align:center;font-family:Poppins;font-size:10px;font-weight:600;line-height:normal;box-sizing:border-box;position:relative}.navigation-bar .menu #menu-list button .new-tag::after{content:"";border:1px solid rgba(0,0,0,.12);width:100%;height:100%;position:absolute;top:0;left:0;border-radius:2px}.navigation-bar .menu #menu-list button .list{display:none;color:#1f1f1f;list-style:none;margin:24px 0 0;padding:12px 24px}.navigation-bar .menu #menu-list button .list li{margin:0;padding:0;font-size:24px;font-weight:500;line-height:30px}.navigation-bar .menu #menu-list button .list li a{display:flex;align-items:flex-start;gap:8px}.navigation-bar .menu #menu-list button .list li a svg{fill:currentColor;margin-top:6px}.navigation-bar .menu #menu-list button .list li+li{margin-top:24px}.navigation-bar .menu #menu-list button.active{color:#3021d9}.navigation-bar .menu #menu-list button.active .list{display:block}.navigation-bar.dark{color:#fff}.navigation-bar.dark .buttons button{color:#fff}.navigation-bar.dark .buttons button svg{fill:#fff}.navigation-bar.dark .buttons button .list{background:#1f1f1f}.navigation-bar.dark .buttons button .list li{color:#fff}.navigation-bar.dark .buttons button .list li:hover{color:#605dff}.navigation-bar.dark .user .language .list{background:#1f1f1f}.navigation-bar.dark .user .language .list li{color:#fff}.navigation-bar.dark .user .language .list li:hover{color:#605dff}.navigation-bar.dark .user .signup,.navigation-bar.dark .user .create{border-color:#fff}.navigation-bar.dark .menu #openMenu{fill:#fff}.navigation-bar.dark .menu #closeMenu{fill:#fff}.navigation-bar.dark .menu #menu-list{background:#1f1f1f}.navigation-bar.dark .menu #menu-list button{color:#fff}.navigation-bar.dark .menu #menu-list button.active{color:#605dff}.navigation-bar.dark .menu #menu-list button .list{color:#fff}.navigation-bar.dark .app-logo,.navigation-bar.dark .small-logo{fill:#fff}.navigation-bar.dark:hover,.navigation-bar.dark.small{background:#1f1f1f}@keyframes slideFromRight{0%{transform:translate(100%, 0)}100%{transform:translate(0, 0)}}@media only screen and (max-width: 1008px){.navigation-bar .buttons{display:none}.navigation-bar .language{display:none}.navigation-bar .login{display:none}.navigation-bar .menu{display:block}.navigation-bar .menu button,.navigation-bar .menu button a{display:block;width:100%}}@media only screen and (max-width: 640px){.navigation-bar .app-logo{display:none}.navigation-bar .small-logo{display:block}}