@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
.loader{position:fixed;left:50%;bottom:50%;transform:translate(-50%, -50%);font-size:20px;z-index:10;pointer-events:none}.loader_loaded{opacity:0}.loader-page{position:fixed;top:60px;left:0;width:100vw;height:calc(100vh - 60px);pointer-events:none;z-index:10}.loader__bal{position:absolute;width:25px;height:25px;border-radius:50%;animation-duration:3s;animation-iteration-count:infinite}.loader__ball_black{background:var(--logo-up-ball);transform:translate(-30px, -20px);animation-name:loading-black}.loader__ball_red{background:#f54;transform:translate(30px, -20px);animation-name:loading-red}.loader__ball_blue{background:#3d3aff;transform:translate(0, 25px);animation-name:loading-blue}@keyframes loading-red{0%{transform:translate(30px, -20px)}25%{transform:translate(0, 0)}50%{transform:translate(-30px, -20px)}75%{transform:translate(0, 0)}100%{transform:translate(30px, -20px)}}@keyframes loading-blue{0%{transform:translate(0, 25px)}25%{transform:translate(0, 0)}50%{transform:translate(30px, -20px)}75%{transform:translate(0, 0)}100%{transform:translate(0, 25px)}}@keyframes loading-black{0%{transform:translate(-30px, -20px)}25%{transform:translate(0, 0)}50%{transform:translate(0px, 25px)}75%{transform:translate(0, 0)}100%{transform:translate(-30px, -20px)}}
.app{width:100vw;min-height:100vh;background-color:var(--main-bg);background-size:cover;background-position:center;background-repeat:no-repeat}
.theme-switcher{position:relative;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,0);perspective:1000px;cursor:pointer}.theme-switcher__wrapper{position:relative;width:100%;height:100%;transition:all .5s;transform-style:preserve-3d}.theme-switcher_light,.theme-switcher_dark{position:absolute;width:100%;height:100%;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.theme-switcher_light svg,.theme-switcher_dark svg{width:24px}.theme-switcher_light{background:#fff}.theme-switcher_dark{transform:rotateY(180deg);background:#fff}.theme-switcher_theme_dark .theme-switcher__wrapper{transform:rotateY(180deg)}
.user-logged{color:#fff;text-align:center;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:500;cursor:pointer;height:100%}
.user-bar{padding:6px;display:flex;align-items:center;gap:6px;border-radius:39px;background:#191617}
.header{position:fixed;top:0;left:0;width:100%;padding:16px 0;background:var(--header-bg);z-index:2}.header .header__container{display:flex;align-items:center;justify-content:space-between}.header .header__container .header__nav-links{display:flex;align-items:center;gap:34px}.platform-logo2{display:flex;align-items:center;gap:2px}.platform-logo2 img{width:18px}.platform-logo2 span{color:var(--text-color-main);font-family:Comfortaa,sans-serif;font-size:24px;font-style:normal;font-weight:600}.nav-link{color:var(--text-header-nav);text-align:center;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;border-bottom:2px solid rgba(0,0,0,0);padding:4px 0;transition:all .3s}.nav-link__current .nav-link{color:var(--text-header-current);font-weight:600;border-color:var(--text-header-current)}
.notify{position:relative;pointer-events:all;width:250px;overflow:hidden;border:1px solid #000;padding:5px 10px;background:var(--header-bg);border-radius:5px;animation:notifyAppearence;animation-duration:.3s;animation-iteration-count:1;transition:.3s}.notify .notify__title,.notify .notify__description{color:var(--task-block-title);font-family:Montserrat,sans-serif}.notify .notify__title{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.notify .notify__description{margin-top:10px;font-size:15px}.notify .notify__close{cursor:pointer}.notify .notify__close svg{filter:var(--svg-button)}.notify__timer{position:absolute;top:0;left:0;width:100%;height:5px;background:var(--timetable-date-color);transition:all .3s}.notify_status_error{border-color:#f54}.notify_status_error .notify__title{color:#f54}.notify_status_success{border-color:#20b57f}.notify_status_success .notify__title{color:#20b57f}.notify_disappear{opacity:0}@keyframes notifyAppearence{0%{transform:translate(400px, 0)}100%{transform:translate(0, 0)}}
.notifications{position:fixed;top:0;right:0;height:calc(100vh - 40px);padding:20px 40px;display:flex;justify-content:flex-start;flex-direction:column-reverse;gap:20px;z-index:1;pointer-events:none}
.platform{position:relative;background:var(--main-bg);width:100vw;min-height:100vh}
.title-ui{color:var(--text-color-main);font-family:Montserrat,sans-serif;font-size:32px;font-style:normal;font-weight:500;line-height:normal}
.error-page{padding-top:110px}.error-page .page-title{font-size:50px}.error-page .error-page__home,.error-page .error-page__text{color:#191617;font-family:Montserrat,sans-serif;font-size:22px;font-style:normal}.error-page .error-page__home{width:-moz-fit-content;width:fit-content;margin-top:50px;padding:5px 20px;color:#fff;border:1px solid #000;background:#000;border-radius:10px;cursor:pointer}
:root{--color-purple: #5669FF;--color-red: #FF5D6C;--color-blue: #3D3AFF;--header-bg: #fff;--main-bg: #F8F9FD;--logo-up-ball: #191617;--text-color-main: #191617;--text-header-nav: #000;--text-header-current: #3D3AFF;--tasks-header-color: #191617;--tasks-bg: #fff;--lesson-color: #191617;--task-block-bg: #FFFFFF;--task-block-title: #191617;--task-block-btn-arrow: invert(0);--modules-list-bg: #FFFFFF;--module-border-color: #F9F9F9;--module-text-color: #000;--month-switcher-bg: #000;--timetable-type-text: #4F4B5C;--timetable-current-bg: #EBEBFF;--timetable-border-current: #9E9CFF;--svg-button: invert(0);--timetable-grid-bg: #fff;--timetable-grid-bg-2: #F8F9FD;--timetable-text-color: #110C22;--timetable-date-color: #4F4B5C;--code-editor-bg: #fff;--task-descr-bg: #D2CDFE;--task-title: #343434;--tab-current: #fff;--tab-current-bg: #191617}
*{padding:0;margin:0}a{text-decoration:unset}body{overflow-x:hidden}.app-container{width:calc(100vw - 180px);margin:0 auto}@media screen and (max-width: 1250px){.app-container{width:calc(100vw - 50px)}}:root{--min-fs: 5px;--val-fs: .8vw;--max-fs: 16px;--font-size: clamp(var(--min-fs), var(--val-fs), var(--max))}
.theme_dark{--color-purple: #807EE3;--main-bg: #141414;--header-bg: #292929;--text-color-main: #fff;--text-header-nav: #fff;--text-header-current: #807EE3;--logo-up-ball: #FFFFFF;--tasks-header-color: #191617;--tasks-bg: #292929;--lesson-color: #FFF;--task-block-bg: #333333;--task-block-title: #fff;--task-block-btn-arrow: invert(1);--modules-list-bg: #333;--module-border-color: #424242;--module-text-color: #a7a7a7;--month-switcher-bg: #333;--timetable-type-text: #fff;--timetable-current-bg: rgba(92, 92, 164, 0.29);--timetable-border-current: rgba(92, 92, 164, 0.29);--svg-button: invert(1);--timetable-grid-bg: rgba(51, 51, 51, 0.57);--timetable-grid-bg-2: #333;--timetable-date-color: rgba(255, 255, 255, 0.77);--timetable-text-color: #fff;--code-editor-bg: #1e1e1e;--task-descr-bg: #292929;--task-title: #fff;--tab-current: #000;--tab-current-bg: #fff}