:root{--font-title: "Roboto", sans-serif;--font-text: "Roboto", sans-serif;--font-regular: 400;--font-bold: 600;--font-thin: 300;--font-title-regular: 400;--font-title-bold: 700;--font-title-thin: 300;--font-size: 1.8rem;--line-height: 1.6;--line-height-title: 1.2;--letter-spacing: -.022em;--margin-screen: 6vw;--border-radius: 28px;--border-radius-s: 9px;--loader-size: 30px;--navbar-height: 53px;--big-phones: 720px;--primary-color: #1d9bf0;--primary-color-darker: #147fc7;--primary-color-lighter: #65bffc;--bg-color: hsl(210, 34%, 13%);--bg-color-darker: hsl(210, 35%, 9%);--bg-color-darker-2: hsl(210, 35%, 5%);--title-color: #f7f9f9;--font-color: #f0f2f3;--font-color-lm1: #C0C7CE;--font-color-lm2: #8b98a5;--font-color-lm3: #70777E;--link-color: var(--primary-color);--link-color-hover: var(--primary-color-lighter);--loader-color: #8b98a5;--border-color: #38444d;--border: 1px solid var(--border-color);--transition: .5s ease-in-out;--button-bg-color: var(--primary-color);--button-text-color: white;--button-bg-color-hover: var(--primary-color-darker);--button-text-color: white;--input-bg-color: var(--bg-color-darker);--input-font-color: var(--font-color);--input-placeholder-color: var(var(--font-color-lm3));--navbar-bg-color: #15202BA0;--navbar-icon-color: white;--navbar-icon-color-hover: var(--primary-color);--navbar-icon-color-active: var(--primary-color)}.light-theme{--primary-color: #1d9bf0;--primary-color-darker: #147fc7;--primary-color-lighter: #65bffc;--bg-color: hsl(216, 29%, 97%);--bg-color-darker: hsl(216, 29%, 91%);--bg-color-darker-2: hsl(216, 29%, 85%);--title-color: #0f1419;--font-color: #171f26;--font-color-lm1: #1f2933;--font-color-lm2: #263340;--font-color-lm3: #2e3d4d;--link-color: var(--primary-color);--link-color-hover: var(--primary-color-lighter);--loader-color: #8b98a5;--border-color: hsl(210, 25%, 85%);--border: 1px solid var(--border-color);--transition: .5s ease-in-out;--button-bg-color: var(--primary-color);--button-text-color: white;--button-bg-color-hover: var(--primary-color-darker);--button-text-color: white;--input-bg-color: var(--bg-color-darker);--input-font-color: var(--font-color);--input-placeholder-color:var(--font-color-lm3);--navbar-bg-color: #f4f6f9A0;--navbar-icon-color: var(--title-color);--navbar-icon-color-hover: var(--primary-color);--navbar-icon-color-active: var(--primary-color)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-text)}html{font-size:62.5%;scroll-behavior:smooth}@media (max-width: var(--big-phones)){html{font-size:58.2%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar:horizontal{height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:v(color-1)}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-color-hover)}body{letter-spacing:var(--letter-spacing);line-height:var(--line-height)}h1,h2,h3,h4{font-family:var(--font-title);font-weight:var(--font-bold);line-height:var(--line-height-title);margin:.5em auto;color:var(--title-color);transition:color var(--transition)}h1{font-size:5.5rem}h2{font-size:4.5rem}h3{font-size:3.5rem}p{font-size:var(--font-size);color:var(--font-color);transition:color var(--transition)}.button{display:block;width:100%;border-radius:var(--border-radius-s);outline:none;border:none;padding:1.06rem 1.8rem;background-color:var(--button-bg-color);color:white;font-family:var(--font-title);text-transform:uppercase;font-weight:var(--font-title-bold);font-size:1.7rem;cursor:pointer;transition:all var(--transition)}.button:hover{background-color:var(--button-bg-color-hover)}.button:disabled{background-color:#b0b2b4;cursor:not-allowed}input{display:block;width:100%;margin-bottom:1.5rem;border-radius:var(--border-radius-s);outline:none;border:none;padding:1rem 1.8rem;font-size:1.65rem;background-color:var(--input-bg-color);letter-spacing:.065em;color:var(--font-color)}input.invalid{box-shadow:0px 0px 1px #ff4133ff, 0px 0px 3px #ff413399, 0px 0px 6px #ff413355, 0px 0px 9px #ff413355, 0px 0px 12px #ff413324}input::placeholder{color:var(--font-color-lm3)}.switch-wrap{display:flex;align-items:center}.switch-wrap .switch-title{margin:auto auto auto 0;text-align:left;padding:0}.switch-wrap .switch{position:relative;display:inline-block;width:60px;height:34px;margin:auto 0 auto auto}.switch-wrap .switch input{opacity:0;width:0;height:0}.switch-wrap .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-color-darker-2);transition:background-color var(--transition);border-radius:34px}.switch-wrap .switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;border-radius:50%;background-color:white;transition:.4s}.switch-wrap .switch input:checked+.slider{background-color:var(--primary-color)}.switch-wrap .switch input:checked+.slider:before{transform:translateX(26px)}f-app-container{display:inline-block;position:relative;background-color:var(--bg-color);width:100%;min-height:100vh;transition:background-color var(--transition)}f-app-container #loader{margin-top:calc(50vh - .5 * var(--loader-size))}f-login{display:block;max-width:42rem;margin:15vh 9vw}f-login #message{display:block;margin-bottom:3rem}f-login #message .strong{font-size:1.8rem}f-login .denied{animation:no-no-shake 0.85s ease-in-out}f-login h2{color:var(--title-color)}f-login p,f-login label{color:var(--font-color-lm1)}f-login .text-btn,f-login label a,f-login a{color:var(--link-color);cursor:pointer;transition:color var(--transition)}f-login .text-btn:hover,f-login label a:hover,f-login a:hover{color:var(--link-color-hover)}f-login .checkbox-wrap{margin-bottom:1.5rem}f-login form{margin:3.6rem 0}f-login .form-btn{display:inline-block;width:unset;padding:1.06rem 3rem;margin-top:1.5rem}f-login .pass-wrap{display:block;width:100%;position:relative}f-login .pass-wrap .toggle-pass{position:absolute;display:inline-block;right:8px;top:7px;width:24px;height:24px;cursor:pointer}f-login .pass-wrap .toggle-pass .show,f-login .pass-wrap .toggle-pass .hide{display:inline-block;position:absolute;top:10%;left:10%;width:80%;height:80%}f-login .pass-wrap .toggle-pass .show .fl-icon,f-login .pass-wrap .toggle-pass .hide .fl-icon{fill:var(--font-color-lm3);transition:fill var(--transition)}f-login .pass-wrap .toggle-pass .hide{display:none}f-login .pass-wrap .toggle-pass.pass-visible .hide{display:inline-block}f-login .pass-wrap .toggle-pass.pass-visible .show{display:none}f-login .pass-wrap .toggle-pass:hover .show .fl-icon,f-login .pass-wrap .toggle-pass:hover .hide .fl-icon{fill:var(--primary-color)}#loader{width:var(--loader-size);margin:100px auto}#loader .loader path{stroke:var(--loader-color)}f-navbar{display:inline-grid;position:fixed;bottom:0;left:0;width:100%;height:var(--navbar-height);background-color:var(--navbar-bg-color);border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:5px;backdrop-filter:blur(5px);transition:all var(--transition)}f-navbar .nav-item{display:flex}f-navbar .nav-item .nav-ico{display:inline-block;width:30px;height:30px;margin:auto}f-navbar .nav-item .nav-ico .fl-icon{fill:var(--navbar-icon-color);transition:fill var(--transition)}f-navbar>a{background-size:30px;background-repeat:no-repeat;background-position:center center}f-navbar>a.home{background-image:url(/img/home.svg)}f-navbar>a.algos{background-image:url(/img/algos.svg)}f-navbar>a.search{background-image:url(/img/search.svg)}f-navbar>a.messages{background-image:url(/img/messages.svg)}f-navbar>a.profile{background-image:url(/img/profile.svg)}.hello{margin:100px var(--margin-screen)}.hello h1{font-size:50px;margin-bottom:0}f-algos{display:block}f-algos .algos{display:block;margin:var(--margin-screen) 0 calc(2*var(--navbar-height)) 0;max-width:100%}f-algos .algos .algo{border:var(--border);margin:20px var(--margin-screen);padding:20px 30px 22px 30px;border-radius:var(--border-radius);background-color:#f7f8fa05}f-algos .algos .algo .algo-title{margin:0;font-weight:400;font-size:2.8rem}f-algos .algos .algo .algo-subtitle{margin:0;font-size:15px;color:var(--font-color-lm1)}