.splash-screen{width:100vw;height:100vh;background-color:var(--color-white);display:grid;place-content:center;z-index:9999}.splash-screen .image-splash{width:200px;animation:breathing 1s ease-in-out alternate infinite}@keyframes breathing{0%{transform:scale(.9)}to{transform:scale(1.2)}}#header-container{display:flex;justify-content:space-between;height:68px;padding:14px 50px;background-color:var(--color-black-blue);position:relative;z-index:40}@media (max-width: 1440px){#header-container{padding-inline:24px}}#header-container .dropdown{position:relative}#header-container .dropdown .user-container{position:relative;display:flex;align-items:center;padding:8px 12px;background-color:var(--color-black-blue);border:1px solid var(--color-white);border-radius:20px;gap:16px;transition:.2s}#header-container .dropdown .user-container:hover{background-color:var(--color-black)}#header-container .dropdown .user-container span{font-family:Inter;font-size:1.6rem;font-weight:400;color:var(--color-white)}#header-container .dropdown .user-container svg{color:var(--color-white);transition:transform .3s ease}#header-container .dropdown .user-container.open svg{transform:rotate(180deg)}#header-container .dropdown .user-container.open:hover{background-color:var(--color-black)}#header-container .dropdown .dropdown-content{position:absolute;display:flex;flex-direction:column;gap:7px;top:45px;right:0;left:0;width:100%;padding:12px;background-color:var(--color-background);border-radius:10px;z-index:10;box-shadow:0 5px 10px #0003}#header-container .dropdown .dropdown-content.not-show{display:none}#header-container .dropdown .dropdown-content button{display:flex;width:100%;font-family:Inter;font-weight:400;font-size:1.6rem;color:var(--color-black);gap:7px;border:none;outline:none;background-color:transparent;border-radius:5px;padding:3px 7px;transition:.3s}#header-container .dropdown .dropdown-content button:hover{background-color:var(--color-light-blue)}#header-container .dropdown .dropdown-content button svg{color:var(--color-black)}#header-container .modal-content{width:fit-content;height:fit-content}.modal-window{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.modal-window .background-close{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;animation:fade-in .2s ease-in-out}.modal-window .modal-content{position:relative;width:80vw;height:90vh;height:90dvh;max-height:90vh;background-color:var(--color-white);border-radius:10px;padding:40px 50px;animation:open .2s ease-in-out;box-shadow:3px 5px 10px #0000004d}.modal-window .modal-content .title{display:flex;align-items:center;gap:8px;color:var(--color-dark);font-family:Inter;font-size:2.4rem;font-weight:700}.modal-window .modal-content .title svg{width:30px;height:30px}.modal-window .modal-content .close-btn{position:absolute;top:20px;right:20px;background-color:transparent;border:none;outline:none}.modal-window .modal-content .close-btn:hover svg{color:var(--color-danger);transform:scale(1.1)}.modal-window .modal-content .close-btn:active svg{transform:scale(.8)}.modal-window .modal-content .close-btn svg{width:24px;height:24px;color:var(--color-dark);transition:.2s}.modal-window .modal-content .modal-body{max-height:100%;display:flex;flex-direction:column;margin-top:20px}@keyframes open{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reset-pass-form{display:flex;flex-direction:column;gap:24px;width:400px;height:fit-content;padding-block:40px}.reset-pass-form>div{position:relative}.reset-pass-form label{display:inline-block;font-family:Inter;font-weight:400;font-size:1.4rem;color:var(--color-dark);margin-bottom:4px}.reset-pass-form input{width:100%;border:1px solid var(--color-outline);border-radius:5px;color:var(--color-black);padding:16px;font-family:Inter;font-size:1.4rem;font-style:normal;font-weight:400;line-height:normal;outline:none;transition:.3s}.reset-pass-form input:focus{box-shadow:2px 2px 10px #0000001a}.reset-pass-form .btn-content{width:100%}.reset-pass-form .btn-content button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border-radius:16px;border:none;color:var(--color-white);background-color:var(--color-dark);color:#fff;font-family:Inter;font-size:1.6rem;font-weight:400;transition:.3s}.reset-pass-form .btn-content button:hover{background-color:var(--color-black)}.reset-pass-form .btn-content button:active{opacity:.3;transition:0s}.reset-pass-form .btn-content button:disabled{background-color:var(--color-black);cursor:not-allowed;opacity:.5}.reset-pass-form .btn-content button.success{background-color:var(--color-success)}.reset-pass-form .btn-content button .loading-spinner{color:#fff}.reset-pass-form .forgot-password{color:var(--color-dark);text-align:center;font-family:Roboto;font-size:1.4rem;font-weight:400;transition:.2s}.reset-pass-form .forgot-password:hover{color:#00f}.reset-pass-form .error-message{position:absolute;bottom:calc(-1.2rem - 5px);left:0;width:100%;display:inline-block;margin-left:5px;margin-top:2px;font-family:Inter;font-weight:700;font-size:1.2rem;color:var(--color-danger)}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#not-found{width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;background-color:var(--color-background)}#not-found .content{display:flex;flex-direction:column;gap:75px}#not-found .content .texts{display:flex;flex-direction:column;gap:24px;align-items:center}#not-found .content .texts h1{color:var(--color-dark-blue);font-family:Inter;font-size:6.4rem;font-weight:700;text-transform:uppercase}#not-found .content .texts p{color:var(--color-black);font-family:Inter;font-size:1.6rem;font-weight:400}#not-found .content .buttons{display:flex;justify-content:center;gap:24px}#not-found .content .buttons a{display:flex;align-items:center;gap:16px;padding:24px;background-color:var(--color-white);border-radius:10px;color:var(--color-dark-blue);font-family:Inter;font-size:2.4rem;font-weight:500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:10px;scroll-behavior:smooth}body{min-height:100vh;font-family:sans-serif;text-rendering:optimizeSpeed}#screen{background-color:var(--color-black-blue)}a,button{text-decoration:none}a:hover,button:hover{cursor:pointer}#main-container{background-color:var(--color-white);height:calc(100vh - 68px);height:calc(100dvh - 68px);border-radius:16px;overflow:hidden}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-ia0dPpEo.ttf) format("truetype");font-weight:400}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype");font-weight:400}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Medium-BtfNrkJj.ttf) format("truetype");font-weight:500}@font-face{font-family:Inter;src:url(/assets/Inter_18pt-Bold-Du8giq-C.ttf) format("truetype");font-weight:700}.color-variables{--color-outline: #E4E4E7;--color-dark: #333333;--color-black: #000000;--color-white: #FFFFFF;--color-danger: #FF3232;--color-success: #008000;--color-gray-text: #68676A;--color-lightgray: #E6E5EC;--color-background: #EFF2FB;--color-black-blue: #01172E;--color-light-blue: #DEE4F6;--color-dark-blue: #08335E;--color-main: #0E5399;--color-pending: #FFF9E9;--color-ready: #E9FFF0;--color-published: #FFF;--color-review: #FFEFEF;--color-octopus-light: #EEE5FF}
