@charset "UTF-8";
/*!
Author: Web Design Sun®
Author URI: https://www.webdesignsun.com
Description: This Custom Development is Unique and Designed with Soul and Care in a Single Copy only for Spark Tutoring by Web Design Sun®.
Version: 1.0
License: Commercial
Tags: custom development

© All Rights Reserved Spark Tutoring
*/*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--dark-color:35,35,35;--accent-color:255,127,0}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/public/fonts/Inter-VariableFont_slnt_wght.woff2?11783d6e291288bd5095886df224dd52) format("woff2-variations"),url(/public/fonts/Inter-VariableFont_slnt_wght.woff?a4008b60c44ba58cb9dcaf6c69f74595) format("woff-variations")}body{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:150%}.app{display:flex;gap:70px;margin:0 auto;max-width:1920px}@media screen and (max-width:1399px){.app{gap:35px}}.main-content{flex:1;padding-bottom:70px}.main-content:after{background:linear-gradient(180deg,hsla(0,0%,98%,0),#fbfbfb);content:"";height:70px;pointer-events:none;position:fixed;top:calc(100dvh - 70px);width:100%}@media screen and (max-width:1024px){.main-content{padding:0 40px 32px}}@media screen and (max-width:768px){.main-content{padding:0 18px 32px}}html{background:#fbfbfb;scroll-behavior:smooth;scroll-padding-top:156px}body * ::-webkit-scrollbar{width:10px}body * ::-webkit-scrollbar-track{background-color:#ebebeb;border-radius:10px}body * ::-webkit-scrollbar-thumb{background:#6d6d6d;border-radius:10px}.sidebar{background:rgb(var(--dark-color));border-radius:32px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;gap:51px;height:calc(100dvh - 40px);margin:20px 0 20px 20px;padding:24px 24px 36px;position:sticky;top:20px;width:300px}.sidebar__header{display:flex;gap:35px}.sidebar__close-btn{display:none}.sidebar__logo{height:75px;width:88px}.sidebar__plan{display:flex;flex-direction:column;gap:4px;margin-top:11px}.sidebar__plan-title{line-height:18px;width:-moz-min-content;width:min-content}.sidebar__plan-subtitle{font-size:12px;line-height:14px;opacity:.6}.sidebar__menus{overflow-y:auto}.sidebar__menu{list-style:none}.sidebar__menu:not(:last-child){margin-bottom:32px}.sidebar__menu>:not(:last-child){margin-bottom:12px}.sidebar__menu-header{color:#9c9c9c;font-size:14px;margin-left:6px}.sidebar__menu-item{display:flex;gap:12px;padding:6px;transition:all .3s ease-in-out}.sidebar__menu-item.active,.sidebar__menu-item:hover{background:#323232;border-radius:8px}.sidebar__menu-item-count{color:#fff;font-size:12px;font-weight:500;isolation:isolate;line-height:24px;position:relative;text-align:center;width:24px}.sidebar__menu-item-count:before{background:rgb(var(--accent-color));border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:-1}.sidebar__menu-link:-moz-any-link{align-items:center;color:inherit;display:flex;gap:12px;text-decoration:none;width:100%}.sidebar__menu-link:any-link{align-items:center;color:inherit;display:flex;gap:12px;text-decoration:none;width:100%}.sidebar__menu-link:-moz-any-link svg{padding:1px}.sidebar__menu-link:any-link svg{padding:1px}.sidebar__menu-link:-moz-any-link[href="#board-705"] svg{padding:3px}.sidebar__menu-link:any-link[href="#board-705"] svg{padding:3px}.sidebar__menu-link:-moz-any-link[href="#board-254"] svg,.sidebar__menu-link:-moz-any-link[href="#board-264"] svg,.sidebar__menu-link:-moz-any-link[href="#board-704"] svg,.sidebar__menu-link:-moz-any-link[href="#board-708"] svg,.sidebar__menu-link:-moz-any-link[href="#board-710"] svg,.sidebar__menu-link:-moz-any-link[href="#board-711"] svg{padding:0}.sidebar__menu-link:any-link[href="#board-254"] svg,.sidebar__menu-link:any-link[href="#board-264"] svg,.sidebar__menu-link:any-link[href="#board-704"] svg,.sidebar__menu-link:any-link[href="#board-708"] svg,.sidebar__menu-link:any-link[href="#board-710"] svg,.sidebar__menu-link:any-link[href="#board-711"] svg{padding:0}.sidebar__menu-link-text{flex:1;pointer-events:none}.sidebar__footer{display:flex;flex-direction:column;gap:12px;margin-top:auto}.sidebar__footer .dashboard.dashboard{padding:0}.sidebar__logout-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:12px}.sidebar__logout-btn svg{padding:2.5px}.sidebar__overlay{display:none}@media screen and (max-width:1399px){.sidebar{height:calc(100dvh - 20px);margin:0 0 0 10px;padding:18px 18px 24px;top:10px;width:-moz-max-content;width:max-content}}@media screen and (max-width:1024px){.sidebar{position:fixed;transform:translateX(-110%);transition:transform .3s ease-in-out;width:50%;z-index:4}.sidebar.active{opacity:1;transform:translateX(0)}.sidebar.active .sidebar__overlay{opacity:1;pointer-events:auto}.sidebar__overlay{background:rgba(0,0,0,.5);display:block;height:1000vh;left:50%;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:1000vw;z-index:-1}}@media screen and (max-width:768px){.sidebar{gap:18px;width:calc(100% - 20px)}.sidebar__close-btn{background:none;border:none;color:rgb(var(--dark-color));display:block;height:48px;opacity:0;pointer-events:none;position:absolute;right:9px;top:11px;transition:all .3s ease-in-out .3s;width:48px}.sidebar.active .sidebar__close-btn{color:#fff;opacity:1;pointer-events:auto}}.header{align-items:center;background:#fbfbfb;display:flex;gap:38px;justify-content:flex-end;margin-bottom:24px;padding:40px 70px 32px 0;position:sticky;top:0;z-index:3}.header svg{pointer-events:none}.header:after{background:linear-gradient(0deg,hsla(0,0%,98%,0),#fbfbfb);height:31px;top:100%;width:calc(100% + 10px)}.header:after,.header:before{content:"";left:-10px;pointer-events:none;position:absolute}.header:before{background:#fbfbfb;height:100%;top:0;width:10px}.header__menu-btn{display:none}.header__greeting{color:#000;font-size:32px;font-weight:500;line-height:48px;margin-right:auto}.header__actions{align-items:center;display:flex;flex-shrink:1;gap:12px}.header__actions-divider{background:rgba(var(--dark-color),.05);height:25px;width:2px}@media screen and (max-width:1600px){.header{flex-wrap:wrap}.header__actions{order:2}}@media screen and (max-width:1024px){.header{flex-direction:row-reverse;padding:40px 0 32px}.header__menu-btn{background:none;border:none;color:var(--dark-color);cursor:pointer;display:block;height:48px;position:relative;width:48px;z-index:10}.header__menu-btn-icon{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease 0s;width:100%}.header__menu-btn-icon--opened{opacity:0}.header__menu-btn.active .header__menu-btn-icon{transition:opacity .3s ease .3s}.header__menu-btn.active .header__menu-btn-icon--closed{opacity:0}.header__menu-btn.active .header__menu-btn-icon--opened{opacity:1}}@media screen and (max-width:768px){.header{gap:10px;justify-content:space-between;padding:18px 0}.header__greeting{font-size:24px;order:1;text-align:center;width:100%}.header__actions{flex-wrap:wrap;width:100%}.header__actions-divider{display:none}.header__actions>*{flex-grow:1;flex-shrink:0}}.quiz{--index:calc(1vh + 1vw);align-items:center;background:rgb(var(--dark-color));box-shadow:0 0 0 100vmax rgb(var(--dark-color));clip-path:inset(0 -100vmax);color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:space-between;min-height:100dvh;padding:10.8vh 10px 8.2vh;width:100%}@media screen and (max-height:900px){.quiz{gap:clamp(8px,1.8vh,16px);padding-bottom:4.2vh;padding-top:6vh}}.quiz__header{text-align:center}.quiz__greeting{font-size:32px;font-weight:500;line-height:48px;margin-bottom:24px}.quiz__content{align-items:center;display:flex;flex-direction:column;padding:clamp(5px,1.9vh,20px);transition:opacity .3s ease-in-out;width:100%}.quiz__cards{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.quiz__cards--first-page .quiz__card:first-child{grid-column:2}.quiz__courses{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:clamp(10px,3.06vh,33px)}.quiz__counter{margin-bottom:clamp(10px,4.7vh,50px)}.quiz__submit{max-width:246px;width:100%}.quiz__card{align-items:stretch;background:#383838;border:1px solid hsla(0,0%,100%,.1);border-radius:28px;display:flex;flex-direction:column;padding:12px 12px 32px}.quiz__card--course{padding:12px;width:212px}.quiz__card-image{align-items:center;background:rgb(var(--dark-color));border-radius:18px;display:flex;height:163px;justify-content:center;margin-bottom:24px;overflow:hidden;width:296px}.quiz__card-image img{height:82px;width:82px}.quiz__card-image span{font-size:28px;font-weight:700}.quiz__card-icon{background:rgb(var(--dark-color));border-radius:18px;margin-bottom:32px;max-width:188px;padding:54px 66px;width:100%}.quiz__card-header{font-size:16px;font-weight:600;margin-bottom:40px;text-align:center}.quiz__card-status{color:hsla(0,0%,100%,.2);font-weight:500;padding-top:9px;text-align:center;text-transform:uppercase}.quiz__card-button{margin-top:auto;margin-inline:auto;width:188px}.quiz__card-button--select:not(.checked){background:#984c00}.quiz__card-button.checked .quiz__card-button-checkbox:after{opacity:1}.quiz__card-button-checkbox{border:1px solid #fff;border-radius:30%;display:inline-block;height:18px;pointer-events:none;position:relative;width:18px}.quiz__card-button-checkbox:after{background:#fff;border-radius:30%;content:"";height:12px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:12px}.quiz__pagination{position:relative}.quiz__pagination-pages{display:flex;gap:6px;position:relative}.quiz__pagination-pages:after{background:#ffe6cd;content:"";height:1px;left:41px;position:absolute;top:41px;width:calc(100% - 82px)}.quiz__back{position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%)}.quiz__back-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font:inherit;gap:8px}.quiz__back-button-icon{background:#f3f3f3;border-radius:50%;color:rgb(var(--dark-color))}.quiz__back.hidden{opacity:0;pointer-events:none}.quiz__pagination-button{background:none;border:none;border-radius:50%;height:82px;position:relative;transition:all .3s ease-in-out;width:82px}.quiz__pagination-button-text{color:#fff;font-size:24px;font-weight:500;line-height:24px;position:relative;text-align:center;z-index:3}.quiz__pagination-button:after,.quiz__pagination-button:before{border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:inherit}.quiz__pagination-button:after{background:rgba(var(--dark-color),.5);height:34px;width:34px;z-index:2}.quiz__pagination-button:before{background:#ffe6cd;height:54px;width:54px;z-index:1}.quiz__pagination-button.done:after{background:rgba(var(--accent-color),.5)}.quiz__pagination-button.active:after{background:rgb(var(--accent-color));height:54px;width:54px}.quiz__pagination-button.active:before{height:100%;width:100%}@media screen and (max-width:1440px){.quiz__cards{grid-template-columns:repeat(2,1fr)}.quiz__cards--first-page .quiz__card:first-child{grid-column:1}}@media screen and (max-width:768px){.quiz{align-items:stretch}.quiz__cards{display:flex}.quiz__cards,.quiz__courses{flex-direction:column;flex-wrap:unset;gap:10px}.quiz__card{align-items:center;flex-direction:row;gap:10px;max-width:400px;padding:12px}.quiz__card--course{width:auto}.quiz__card-image{height:56px;margin-bottom:0;padding:12px;width:56px}.quiz__card-image img{height:48px;width:48px}.quiz__card-image span{line-height:120%;scale:.45;text-align:center}.quiz__card-icon{height:56px;margin-bottom:0;max-width:unset;padding:12px;text-align:center;width:56px}.quiz__card-icon svg{height:32px;width:32px}.quiz__card-header{flex:1;margin-bottom:0;text-align:left}.quiz__card-status{font-size:12px;padding-top:0}.quiz__card-button{margin-top:0;width:auto}.quiz__pagination{align-items:center;display:flex;flex-direction:column-reverse;gap:40px}.quiz__back{position:relative;right:0;top:0;transform:translateY(0)}}@media screen and (max-width:700px){.quiz__card{flex:1}}.with-padding{padding:16px}.lesson{color:rgb(var(--dark-color))}.lesson__container{margin-inline:auto;max-width:960px}.lesson__back:-moz-any-link{align-items:center;color:rgb(var(--dark-color));display:flex;font-size:16px;font-weight:500;gap:8px;line-height:24px;padding:0 16px;text-decoration:none}.lesson__back:any-link{align-items:center;color:rgb(var(--dark-color));display:flex;font-size:16px;font-weight:500;gap:8px;line-height:24px;padding:0 16px;text-decoration:none}.lesson__back:-moz-any-link svg{background:rgb(var(--dark-color));border-radius:50%;color:#fff}.lesson__back:any-link svg{background:rgb(var(--dark-color));border-radius:50%;color:#fff}.lesson__title{font-size:32px;font-weight:700;line-height:40px}.lesson__subtitle{font-size:22px;font-weight:700;line-height:28px}.lesson__video{aspect-ratio:16/9;border:none;border-radius:12px;width:100%}.lesson__video+.lesson__subtitle{margin-top:24px}.lesson__video-title{margin-bottom:28px}.lesson__test{padding-bottom:12px;padding-top:20px}.lesson__test-body,.lesson__test-header{margin-bottom:28px}.lesson__test-title{margin-bottom:16px}.lesson__test-description{font-size:16px;font-weight:400;line-height:24px}.lesson__test-body{display:flex;flex-direction:column;gap:32px}.lesson__test-question-text{font-size:18px;font-weight:700;line-height:23px;margin-bottom:24px}.lesson__test-answers{display:flex;flex-direction:column;gap:12px}.lesson__test-footer{align-items:center;display:flex;gap:33px;justify-content:flex-end}.lesson__test-score{display:flex;font-size:18px;font-weight:700;gap:12px;line-height:23px;opacity:0;transition:all .3s ease-in-out}.lesson__test-score.visible{opacity:1}.lesson__test-answer-content{align-items:center;background:#fbfbfb;border:1px solid #dbe0e5;border-radius:12px;display:flex;flex-shrink:0;gap:16px;padding:15px}.lesson__test-answer-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid #dbe0e5;border-radius:50%;color:currentColor;font:inherit;height:20px;margin:0;pointer-events:none;position:relative;transition:border .12s ease-in-out;width:20px}.lesson__test-answer-input:before{background:rgb(var(--accent-color));border-radius:50%;content:"";height:7px;left:50%;position:absolute;top:50%;transform:scale(0);transition:transform .12s ease-in-out;translate:-50% -50%;width:7px}.lesson__test-answer-input:checked{border-color:rgb(var(--dark-color))}.lesson__test-answer-input:checked:before{transform:scale(1)}.lesson__test-answer-text{word-wrap:break-word;flex-grow:1;font-size:14px;font-weight:500;line-height:21px;width:0}.lesson__test-answer-point{align-items:center;background:#baf893;border-radius:50px;color:#3d9d00;flex-shrink:0;height:33px;justify-content:center;width:33px}.lesson__test-answer-note,.lesson__test-answer-point{display:flex;font-size:14px;font-weight:500;line-height:21px;max-height:0;opacity:0;transition:all .3s ease-in-out}.lesson__test-answer-note{border-radius:0 0 12px 12px;padding:0 51px;position:relative;top:-11px;z-index:-1}.lesson__test-answer-note span{flex-grow:1;overflow-wrap:break-word;width:0}.lesson__test-answer-note--correct{background:#baf893;color:#3d9d00}.lesson__test-answer-note--incorrect{background:#f89393;color:#af1a1a}.lesson__test-answer.answered .lesson__test-answer-point{max-height:33px;opacity:1}.lesson__test-answer.answered .lesson__test-answer-note{margin-bottom:-11px;max-height:100px;opacity:1;padding:19px 51px 8px}.lesson__resources-title{padding-bottom:12px;padding-top:20px}.lesson__resources-item{background:#fff;padding:8px 16px}.lesson__resources-link{align-items:center;display:flex;gap:16px;text-decoration:none}.lesson__resources-thumbnail{border-radius:8px;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.lesson__resources-info{display:flex;flex-direction:column}.lesson__resources-name{color:rgb(var(--dark-color));font-size:16px;font-weight:500;line-height:24px}.lesson__resources-extension{color:#61788a;font-size:14px;font-weight:400;line-height:21px;text-transform:uppercase}.lesson__cards-title{padding-bottom:12px;padding-top:20px}.lesson__cards-list{-moz-column-gap:21px;column-gap:21px;display:grid;grid-template-columns:repeat(auto-fill,minmax(306px,1fr));row-gap:16px}.lesson__cards-item{background:#fff;border-radius:12px;overflow:hidden}.lesson__cards-thumbnail{height:168px;-o-object-fit:cover;object-fit:cover;width:100%}.lesson__cards-thumbnail--error{background:rgb(var(--dark-color));-o-object-fit:contain;object-fit:contain;padding:20px}.lesson__cards-link:-moz-any-link{color:rgb(var(--dark-color));font-size:16px;font-weight:400;line-height:24px;text-decoration:none}.lesson__cards-link:any-link{color:rgb(var(--dark-color));font-size:16px;font-weight:400;line-height:24px;text-decoration:none}.lesson__cards-text{padding:16px}.lesson-table-url{color:#ff7f00!important;text-decoration:underline!important}.form-section{background-color:#3f3f3f;border-radius:10px;margin-bottom:30px;padding:20px}.form-check-input{top:50%;transform:translateY(-50%)}hr{border-color:#fff!important}.button{align-items:center;background:rgb(var(--accent-color));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;line-height:24px;padding:12px;text-transform:capitalize;transition:background-color .3s ease-in-out}.button:hover{background:#d26b04}.button:active{background:#984c00}.button--inverted{background:#fff;border:1px solid rgb(var(--accent-color));color:rgb(var(--accent-color))}.button--inverted:hover{background:#fff5eb}.button--inverted:active{background:#984c00;border-color:#984c00;color:#fff}.button--rounded{border-radius:50px;padding:8px 10px}.button--with-icon.button--rounded{padding:8px 16px}.task{background:#fff;border:1px solid rgba(var(--dark-color),.05);border-radius:28px 28px 8px 8px;display:flex;flex-direction:column;height:384px;overflow:hidden;padding:12px 12px 14px;position:relative;transition:all .3s ease}.task.readonly{height:auto}.task.readonly .task__content{display:block;height:auto}.task:hover{border-color:rgba(var(--dark-color),.25)}.task.calendar-active .task__img{height:29px}.task__board-title{color:rgba(var(--dark-color),.5);font-size:20px;font-weight:500;line-height:22px;margin-bottom:10px;margin-left:-5px}.task__group-wrapper:not(:last-child){margin-bottom:60px}.task__group-list{display:flex;flex-direction:column;gap:60px}.task__group{overflow:hidden}.task__group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding-right:70px}.task__group-title{align-items:center;color:rgba(var(--dark-color),.5);display:flex;font-size:18px;font-weight:500;gap:10px;line-height:22px}.task__group-title.editable{cursor:pointer}.task__delete-btn,.task__group-delete{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;transition:color .3s ease}.task__delete-btn:hover,.task__group-delete:hover{color:red}.task__delete-btn:active,.task__group-delete:active{color:#9b0000}.task__delete-btn svg,.task__group-delete svg{pointer-events:none}.task__add{padding:12px 10px;text-transform:none}.task__add *{pointer-events:none}.task__see-all:-moz-any-link{color:#00f;font-size:14px;font-weight:500;line-height:22px;text-decoration:none}.task__see-all:any-link{color:#00f;font-size:14px;font-weight:500;line-height:22px;text-decoration:none}.task__wrapper{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px;overflow:hidden;position:relative;transition:all .8s ease;width:calc(100% + 30px)}.task__wrapper:after{background:linear-gradient(90deg,hsla(0,0%,98%,0),#fbfbfb);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .8s ease;width:100px}.task__wrapper--open{width:100%}.task__wrapper--open:after{opacity:0}.task__wrapper--empty{margin-bottom:16px}.task__img{background:rgb(var(--dark-color));border-radius:18px;height:163px;overflow:hidden;padding:20px;transition:height .3s ease;width:100%}.task__img img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.task__middle-row{display:flex;justify-content:space-between;margin-bottom:16px;margin-top:16px}.task__tag{background:rgb(var(--accent-color));border-radius:8px;color:#fff;font-size:14px;font-weight:500;line-height:24px;padding:2px 10px}.task__tag--english{background:#84ba84}.task__tag--maths{background:#84a0ba}.task__tag--science{background:#9284ba}.task__tag--revision{background:rgb(var(--accent-color))}.task__tag--practice{background:#339af0}.task__tag--exams{background:#da77f2}.task__date-text{color:rgba(var(--dark-color),.8);cursor:pointer;font-size:14px;line-height:24px}.task__content{display:flex;flex-direction:column;height:79px;margin-bottom:17px}.task__name{-webkit-line-clamp:3;color:rgb(var(--dark-color));font-size:16px;font-weight:600;margin-bottom:8px}.task__description,.task__name{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.task__description{-webkit-line-clamp:2;color:rgba(var(--dark-color),.8);flex-basis:0;flex-grow:1}.task__description--small{-webkit-line-clamp:1}.task__bottom-row{border-top:1px solid rgba(var(--dark-color),.05);display:flex;gap:19px;justify-content:flex-end;margin-top:auto;padding-top:12px}.task.lesson .task__bottom-row{justify-content:center}.task.lesson .task__course-link{font-size:18px}.task__course-link{color:#06f;font-size:14px;font-weight:500;line-height:24px;text-decoration:none}.task__comment-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;position:relative}.task__comment-btn--active:before{background:rgb(var(--accent-color));border-radius:50%;content:"";height:8px;position:absolute;right:-3px;top:-2px;width:8px}.task__comment-icon{pointer-events:none}.task__status{margin-right:auto}.task__status-text{background:var(--backgroud-color,rgb(var(--dark-color)));border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:500;line-height:24px;padding:0 8px}.task__empty-text{color:rgba(var(--dark-color),.5);font-size:14px;margin-left:15px}@media screen and (min-width:1985px){.task__group{overflow:visible}.task__wrapper--open{width:calc(100% + 30px)}}@media screen and (max-width:1850px){.task__bottom-row--with-delete{gap:8px}}@media screen and (max-width:1699px){.task__wrapper{gap:12px;grid-template-columns:repeat(3,1fr)}.task__bottom-row--with-delete{gap:5px}.task .custom-select{width:115px}.task .select-selected{padding:0 3px}.task .select-selected:before{right:19px}.task .select-selected:after{right:-2px}}@media screen and (max-width:1250px){.task__wrapper{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1024px){.task__wrapper{width:100%}.task__wrapper:after{display:none}.task__group-header{padding-right:0}}@media screen and (max-width:768px){.task__wrapper{grid-template-columns:1fr}}.custom-select{--backgroud-color:rgb(var(--dark-color));position:relative;width:136px}.yellow{--backgroud-color:#fdab3d}.red{--backgroud-color:#e2445c}.green{--backgroud-color:#00c875}.custom-select select{display:none}.select-selected{background-color:var(--backgroud-color);padding:0 30px 0 8px}.select-selected:after{content:url(/public/images/arrow.svg?1381cde503e41292281324d2abc250c0);height:24px;position:absolute;right:0;rotate:90deg;top:0;transition:rotate .3s ease-in-out;width:24px}.select-selected:before{background:#fff;content:"";height:20px;position:absolute;right:24px;top:2px;width:1px}.select-selected.select-arrow-active:after{rotate:0deg}.select-items div,.select-selected{border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;line-height:24px;padding:0 8px}.select-items{background-color:var(--backgroud-color);border-radius:4px;bottom:calc(100% + 2px);left:0;position:absolute;right:0;transition:all .3s ease-in-out;z-index:99}.select-hide{opacity:0;pointer-events:none;visibility:hidden}.same-as-selected,.select-items div:hover{background-color:rgba(0,0,0,.1)}.calendar{background:#fff;bottom:0;font-weight:500;left:0;padding:24px 14px 16px;position:absolute;transition:opacity .3s ease;width:100%;z-index:2}.calendar.hidden{opacity:0;pointer-events:none}.calendar__header{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:27px}.calendar__header-title{margin-right:auto}.calendar__header-btn{align-items:center;background:#f3f3f3;border:none;border-radius:50%;cursor:pointer;display:flex;height:22px;justify-content:center;transition:color .3s ease;width:22px}.calendar__header-btn--next{transform:rotate(180deg)}.calendar__header-btn:hover{color:rgb(var(--accent-color))}.calendar__days,.calendar__week-days{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;line-height:20px}.calendar__week-days{color:#7396b3;margin-bottom:24px}.calendar__week-days span{cursor:default}.calendar__days{margin-bottom:21px;row-gap:12px}.calendar__days .date{background:none;border:none;cursor:pointer;font:inherit;height:22px;position:relative;transition:color .3s ease;width:22px}.calendar__days .date:after{height:32px;top:50%;transform:translate(-50%,-50%);width:32px;z-index:-1}.calendar__days .date:after,.calendar__days .date:before{background:rgb(var(--accent-color));border-radius:50%;content:"";left:50%;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.calendar__days .date:before{bottom:-6px;height:4px;transform:translateX(-50%);width:4px;z-index:-2}.calendar__days .date.today:before{opacity:1}.calendar__days .date.active{color:#fff}.calendar__days .date.active:after{opacity:1}.calendar__days .date.active:before{opacity:0}.calendar__days .date.fadeout{color:#9fb7c9}.calendar__footer{display:flex;gap:15px;justify-content:flex-end}.calendar__footer-btn{background:none;border:none;cursor:pointer;font:inherit;font-size:18px;line-height:150%}.calendar__footer-btn--save{color:rgb(var(--accent-color))}.calendar__footer-btn--clear{color:rgba(var(--dark-color),.5)}.popup{height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:all .6s ease-in-out;visibility:hidden;width:100%;z-index:4}.popup #popup-content{display:contents}.popup.active{background:rgba(0,0,0,.25);pointer-events:auto;visibility:visible}.popup.active,.popup.active .popup__content{transform:translateX(0)}.popup__content{background:rgb(var(--dark-color));border-radius:32px;color:#fff;display:flex;flex-direction:column;height:calc(100vh - 40px);padding:40px 24px 24px;position:absolute;right:26px;top:20px;transform:translateX(150%);transition:all .6s ease-in-out;width:536px}.popup__header{align-items:center;display:flex;gap:8px;margin-bottom:32px}.popup__heading{font-size:18px;font-weight:600;line-height:32px}.popup__close{align-items:center;background:#f3f3f3;border:none;border-radius:50%;color:rgb(var(--dark-color));cursor:pointer;display:flex;justify-content:center;transition:color .3s ease-in-out}.popup__close:hover{color:rgb(var(--accent-color))}.popup__close svg{pointer-events:none}.popup__form{display:flex;flex:1;flex-direction:column;max-height:calc(100% - 63px)}.popup__textarea{border-radius:12px;color:rgba(var(--dark-color),.8);font:inherit;height:min(300px, 13vh);margin:0 0 32px;padding:20px 14px;resize:vertical;width:100%}.popup__payment-text{margin-bottom:24px}.popup__payment-text strong{font-weight:600}.popup__input--amount{-moz-appearance:textfield;background-color:transparent;border:none;color:#fff;font-family:inherit;font-size:120px;font-style:normal;font-weight:400;line-height:normal;width:100%}.popup__input--amount::-moz-placeholder{color:#fff;opacity:1}.popup__input--amount::placeholder{color:#fff;opacity:1}.popup__input--amount:focus{outline:none}.popup__input--amount::-webkit-inner-spin-button,.popup__input--amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.popup__currency-input{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.5);display:flex;gap:19px;margin-bottom:32px;padding-bottom:12px;position:relative;width:100%}.popup__currency-input-symbol{margin-left:36px}.popup__payment-hint{color:hsla(0,0%,100%,.5);font-size:14px;line-height:22px;margin-bottom:33px}.popup__input{border:none;border-radius:4px;font:inherit;margin-bottom:32px;padding:10px 14px}.popup__upload-area{background:rgba(35,35,35,.05);border:1px dashed #d0d5dd;border-radius:10px;line-height:120%;margin-bottom:4px;padding:12px;text-align:center}.popup__upload-icon{color:rgb(var(--accent-color));margin-bottom:15px}.popup__upload-title{font-weight:600;margin-bottom:8px}.popup__upload-text{color:#434d56;font-size:14px}.popup__upload-label{color:#1975ff;cursor:pointer;font-size:14px;font-weight:400;text-decoration-line:underline}.popup__file-list{max-height:152px;overflow-y:auto;padding:16px 0}.popup__file{align-items:center;display:flex;gap:16px;position:relative}.popup__file-info{display:flex;flex:1;flex-direction:column;font-size:12px;gap:8px;line-height:140%}.popup__file-name{color:#475467;font-weight:500}.popup__file-size{color:#98a2b3;font-style:normal;font-weight:400}.popup__file-progress{background:#f2f4f7;border-radius:10px;height:8px;overflow:hidden;width:100%}.popup__file-progress:before{background:rgb(var(--accent-color));content:"";display:block;height:100%;width:var(--value,0)}.popup__file-remove{background:none;border:none;color:#475467;cursor:pointer;position:absolute;right:0;top:0;transition:color .3s ease-in-out}.popup__file-remove:hover{color:rgb(var(--accent-color))}.popup__file-remove-icon{pointer-events:none}.popup__users-list{display:flex;flex-direction:column;gap:12px;height:100%;list-style:none;overflow-y:auto}.popup__users-list-heading{font-size:18px;font-weight:600;line-height:32px;margin-bottom:16px}.popup__users-list-item{align-items:center;display:flex;gap:8px}.popup__submit{margin-top:auto}.popup__submit--invite{margin-bottom:60px;margin-top:0}@media screen and (max-width:1399px){.popup__content{height:calc(100vh - 20px);padding:24px 18px 18px;right:10px;top:10px}}@media screen and (max-width:768px){.popup__content{padding:12px;width:calc(100% - 20px)}.popup__header,.popup__textarea{margin-bottom:16px}.popup__textarea{padding:8px}.popup__input{margin-bottom:16px}.popup__submit--invite{margin-bottom:32px}.popup__upload-icon{margin-bottom:8px}.popup__input--amount{font-size:80px}.popup__currency-input-symbol{margin-left:0}}.popup__chat{border-top:1px solid #e4e7ec;display:flex;flex:1;flex-direction:column;gap:24px;overflow-y:auto;padding-bottom:10px;padding-top:24px}.popup__message-group{max-width:75%;pointer-events:none}.popup__message-group--two .popup__message:nth-child(2){border-bottom-left-radius:0;border-bottom-right-radius:0}.popup__message-group--two .popup__message:last-child{border-top-left-radius:0;border-top-right-radius:0}.popup__message-group--many .popup__message{border-radius:0}.popup__message-group--many .popup__message:nth-child(2){border-radius:0 24px 0 0}.popup__message-group--many .popup__message:last-child{border-radius:0 0 24px 24px}.popup__message-group--other{align-self:flex-start}.popup__message-group--user{align-self:flex-end}.popup__message-group--user .popup__message-user{text-align:right}.popup__message-group--user .popup__message:nth-child(2){border-top-left-radius:24px;border-top-right-radius:0}.popup__message-user{font-size:14px;font-weight:500;line-height:14px;margin-bottom:6px}.popup__message{border-radius:24px;color:rgb(var(--dark-color));overflow-wrap:break-word;padding:16px 12px}.popup__message a{pointer-events:auto}.popup__message--other{background:#e7feff;border-top-left-radius:0}.popup__message--user{background:#fffbe7;border-top-right-radius:0}.popup__message:not(:last-child){margin-bottom:4px}.student-info{align-items:center;display:flex;font-size:24px;gap:12px;margin-bottom:32px}.student-info--hidden{display:none}.delete-alert{background:rgb(var(--dark-color));border-radius:32px;padding:48px 23px 40px}.delete-alert__icon{border:none;color:red;height:120px;margin:0 auto 24px;width:120px}.delete-alert__header{color:#fff;font-size:32px;font-weight:500;line-height:48px;margin-bottom:40px;padding:0}.delete-alert__button{min-width:124px}.delete-alert__actions{display:flex;gap:12px;margin:0}.notification{align-items:center;background:rgb(var(--dark-color));border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:500;gap:34px;line-height:normal;max-height:1000px;overflow:hidden;padding:16px 40px;transition:all .3s ease-out}.notification:not(:last-child){margin-bottom:8px}.notification--alt{background:#fff;border:1px rgba(var(--dark-color),.05);box-shadow:0 8px 18px 0 hsla(0,0%,82%,.05);color:rgb(var(--dark-color));gap:16px;padding:15px}.notification--alt:not(:last-child){margin-bottom:12px}.notification__empty{color:rgba(var(--dark-color),.5);font-size:18px;font-weight:500;line-height:22px}.notification__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid #dbe0e5;border-radius:.15em;color:currentColor;display:grid;font:inherit;height:20px;margin:0;place-content:center;transform:translateY(-.075em);width:20px}.notification__checkbox:before{border-radius:.15em;box-shadow:inset 1em 1em rgb(var(--accent-color));content:"";height:10px;transform:scale(0);transition:transform .12s ease-in-out;width:10px}.notification__checkbox:checked:before{transform:scale(1)}.notification__student{align-items:center;display:flex;flex-basis:252px;flex-shrink:0;font-size:16px;font-weight:400;gap:12px;line-height:24px}.notification__content{align-items:center;display:flex;flex-grow:1;gap:16px}.notification__type{font-size:14px;font-weight:500;line-height:21px;margin-bottom:4px}.notification__message{font-size:14px;font-weight:400;line-height:21px}.notification--hidden{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.notification__icon{flex-shrink:0}.notification__wrapper{padding-right:70px}.notification__wrapper:not(:empty){margin-bottom:60px}.notification__text{align-items:center;display:flex;flex:1;gap:16px}.notification__actions{display:flex;gap:12px}.notification__action{width:124px}@media screen and (max-width:1280px){.notification{gap:16px;padding:12px}.notification__action{width:70px}.notification__student{flex-basis:185px}}@media screen and (max-width:1024px){.notification__wrapper{padding-right:0}}@media screen and (max-width:768px){.notification{align-items:stretch;flex-direction:column}.notification--alt{flex-direction:column-reverse;gap:8px}.notification__action{flex-grow:1;width:unset}.notification__student{flex-basis:unset;font-size:14px;font-weight:500;gap:5px;line-height:21px;opacity:.8}.notification__student-icon{height:21px;width:21px}}body:has(.popup.active){overflow:hidden;}body:has(.task.student) .popup__form--add-task .popup__submit,body:has(.task.student) .popup__form--add-task .popup__upload-area {display:none;} body:has(.task.student) .popup__form--add-task input,body:has(.task.student) .popup__form--add-task textarea {}


/*# sourceMappingURL=app.css.map*/