.navbar__wrapper{width:230px;position:static;z-index:1}@media(max-width:800px){.navbar__wrapper{bottom:0}}@media(max-width:480px){.navbar__wrapper{position:fixed;bottom:0;width:100dvw}.navbar__my-course{display:none}}.navbar{padding:30px;border-right:2px solid rgba(227,221,221,.75);height:100dvh;display:flex;flex-direction:column;align-items:start;gap:20px;color:#180707;position:-webkit-sticky;position:sticky;top:0;text-transform:uppercase;z-index:100;background-color:#fff;font-size:28px}@media(max-width:1000px){.navbar{padding:15px}}@media(max-width:800px){.navbar{padding-left:10px;padding-right:10px;align-items:center;gap:10px}}@media(max-width:480px){.navbar{flex-direction:row;justify-content:space-between;height:60px;gap:10px;padding:10px;border:1px solid rgba(227,221,221,.75);border-right:none;border-left:none;bottom:0!important;background-color:#fff;z-index:100000000}}.navbar__item{max-width:100%;display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:10px;border-radius:10px;cursor:pointer;background-color:#fff;border-radius:12px;font-size:1em;font-weight:700;border:2px rgba(0,0,0,0);border-bottom:1px solid rgba(0,0,0,0);transition:background-color .1s ease,color .1s ease}@media(max-width:480px){.navbar__item{padding:5px}}.navbar__item-active{background-color:#d7ecf6;background-color:#c8ecfc!important;border:2px solid #b3d3fb;color:#0084ff}.navbar__item-active p{color:#0084ff}.navbar__item:hover{background-color:#f8f7f7}.navbar__item img{height:30px;width:30px}.navbar__text{font-size:.5em;font-weight:600;letter-spacing:1px;color:#676666}@media(max-width:800px){.navbar__text{font-size:14px;display:none;align-self:center}}@media(max-width:480px){.navbar__text{display:none}}.navbar__books{font-size:28px!important}.navbar :nth-child(3){color:#57ab8f}.navbar :nth-child(4){color:#c07c7c}.navbar :nth-child(5){color:#265887}.navbar :nth-child(6){color:#0f67a2}.navbar :nth-child(7){color:green}.navbar__books{color:#0084ff;font-weight:600;font-size:35px}.auth-status{color:gray!important;position:relative}.auth-status__text{color:#0084ff;font-size:15px;font-weight:600}.auth-status__description{font-size:10px;position:absolute;top:90%;color:#e32f2f!important}@media(max-width:800px){.auth-status__description{left:-10px}}@media(max-width:480px){.auth-status__description{height:10px;overflow:hidden}}.auth-status__logged{color:gray;font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px;width:100%;overflow:hidden}.auth-status__logged-email{width:140px;overflow:hidden;color:#0084ff}@media(max-width:800px){.auth-status__logged-email{display:none}}.auth-status__image-wrapper{border:2px solid #84cc18;border-radius:50%;display:flex;padding:2px}.footer{border-top:1px solid #e9e7e7;position:relative;padding-top:60px;display:flex;flex-direction:column;justify-content:flex-end}@media(max-width:480px){.footer{padding:0}}.footer__child{font-size:25px}@media(max-width:480px){.footer__burger{display:flex}}.footer__nav{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#585656;font-weight:700;position:absolute;display:none;bottom:30%;left:-10px;border:2px solid #dcdbdb;padding:10px;border-radius:5px;background-color:#e4dede;bottom:100%;z-index:10000}.footer__nav-open{display:flex}@media(max-width:480px){.footer__nav{bottom:140%;left:-200%;align-items:center;width:100px}}.footer__link{color:#797474;text-decoration:none;padding:5px;border-radius:5px;width:-moz-fit-content;width:fit-content}.footer__link a:hover{color:#54c3ec}.footer__link:focus{color:ivory;background-color:#e9e5e5}.footer__link:active,.footer__link:visited{color:inherit}.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.settings{display:flex;height:100dvh;padding-right:80px}@media(max-width:480px){.settings{padding-right:0}}.settings__container{width:100%;height:100%;color:#373636;padding:10px 10px 100px}.settings__header{border-bottom:2px solid rgba(227,221,221,.75);display:flex;justify-content:space-around;align-items:center}@media(max-width:800px){.settings__header h1{font-size:20px}}@media(max-width:480px){.settings__header h1{font-size:18px}}.settings__header-learn{text-transform:uppercase;padding-top:15px;color:gray}@media(max-width:480px){.settings__header-learn{font-size:13px}}.settings__header-courses{width:-moz-fit-content;width:fit-content;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,0);cursor:pointer;align-items:center;display:flex;gap:10px}.settings__header-courses:hover{color:#4b4a4a;border-color:#0084ff}@media(max-width:480px){.settings__header-courses{font-size:13px}}.settings__manage{justify-content:space-between;padding-top:10px;height:100%;width:100%;display:flex;padding-bottom:20px}@media(max-width:800px){.settings__manage{font-size:12px}}@media(max-width:480px){.settings__manage{flex-direction:column;justify-content:space-evenly}}.settings__user{display:flex;flex-direction:column;gap:20px;align-items:flex-start;background-color:#fff;padding:60px;border-radius:20px}.settings__user-name{color:#212121}.settings__user input{border:2px solid rgba(227,221,221,.75);height:40px;border-radius:10px;padding-left:10px}.settings__user input:focus{border-color:#0084ff}@media(max-width:800px){.settings__user-btn{font-size:15px;padding:15px 20px}}.settings__user-error{color:red;border-color:red!important}.settings__user-error-text{position:absolute;color:red;top:-15px}.settings__user-item{position:relative;display:flex;flex-direction:column;gap:10px;width:100%}.settings-flag,.settings__header-courses-blank{height:40px;width:40px}.settings-flag{border-radius:10px;overflow:hidden;z-index:10000;position:absolute;top:0;left:0}.settings__header-courses-flags{position:relative}.settings-flag__nativeFlag{height:40px;width:40px;border-radius:10px;overflow:hidden;position:absolute;top:7px;left:10px;z-index:0}.settings__user-update{display:flex;justify-content:center;width:100%}.settings-about{flex-direction:column;gap:20px;text-transform:uppercase;display:flex;align-items:center;opacity:.8}@media(max-width:800px){.settings-about{font-size:10px}.settings-about__img{width:100px;height:100px}}