.course{background-color:#fff;border:1px solid #EBEBEB;border-radius:1rem;padding:25px 30px 40px;overflow:hidden}@media screen and (max-width: 768px){.course{max-width:calc(100% - 20px);margin-inline:auto}}.course__head h1{margin-bottom:15px}@media screen and (min-width: 992px){.course__head h1{max-width:90%}}@media screen and (max-width: 768px){.course__head form{width:100%}.course__head .course__resume+div{margin-block:0 30px}}.course__title{display:flex;justify-content:space-between;align-items:flex-start}.course__title>h1{font-size:clamp(1.875rem,5vw,4rem)}@media screen and (max-width: 768px){.course__title>h1{font-size:30px}}.course__resume{display:flex;flex-wrap:wrap;gap:16px}.course__resume>*{flex-grow:1;display:flex;flex-direction:column}.course__resume>*>*:nth-child(2){flex-grow:1}.course__resume dl{display:flex;gap:20px;padding:15px;border-radius:12px;background-color:#ebebeb;width:fit-content}.course__resume dl dd{font-size:.875rem;color:#707070}@media screen and (max-width: 768px){.course__resume dl{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:14px;justify-content:space-between}}.course__content{overflow:hidden;max-height:0px;opacity:0;margin-top:0;translate:0px 140px;transition:opacity .3s ease-out,.25s ease-in}.course__content.selected{clip-path:inset(0% 0 0);margin-top:40px;max-height:100%;opacity:1;translate:0 0;transition:.25s ease-in .2s}.course__content .video-container{margin-bottom:30px}@media screen and (min-width: 992px){.course__content article{max-width:80%;margin-left:10%}}.course__content article+article{margin-top:60px}.course-trailer{width:100%;aspect-ratio:16/9;border-radius:12px;object-fit:cover;margin-bottom:50px;position:relative}.course-trailer>*{border-radius:inherit}.users .user__basic+.user__basic{margin-top:10px}.users__list{display:flex;gap:20px;align-items:center}.users__list .swiper{padding-left:20px;position:relative;margin:0;width:100%}.users__list .swiper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-color:transparent;background-image:linear-gradient(to left,white 1%,transparent 5%,transparent 98%,white 100%)}.users__list .swiper-slide{width:fit-content;opacity:0;transition:opacity .2s ease .1s;cursor:pointer}:is(.users__list .swiper-slide.selected-tab,.users__list .swiper-slide:hover) :is(button,span){background-color:#def1f7;border-color:#a8d8f5;font-weight:600}.users__list .swiper-slide :is(button,span){display:block;width:100%;height:100%;background:transparent;padding:15px 20px;border-radius:12px;transition:.2s ease-out;background-color:#fff;border:1px solid #1A1A1A;font-weight:300;text-align:center;text-wrap:nowrap;white-space:nowrap}.course__modules{margin-top:100px}.module+.module{margin-top:15px}.module{background-color:#def1f7;border:1px solid #A8D8F5;border-radius:12px;padding:20px 30px 0 20px}@media screen and (max-width: 768px){.module{padding-inline:20px}}.module-title{font-weight:400;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 768px){.module-title{align-items:flex-start;flex-direction:column}.module-title>.title+div{padding-left:30px;flex-direction:row!important;align-items:center;margin-top:6px}.module-title>.title+div>*{font-size:12px;gap:1ch}}.module-title strong{font-weight:700}.module-title svg{width:20px;min-width:20px}.module-title>p{font-size:1.25rem}.module__subsections li{border-top:1px solid #A8D8F5;transition-delay:.14s}.module__subsections li:hover{border-color:transparent;transition-delay:0ms}.module__subsections li:hover+li{transition-delay:0ms;border-color:transparent}.subsection{transition:.2s ease-out;transition-property:padding-inline,border,color}.subsection.overview{border-block:2px solid transparent;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:20px;padding-inline:0px;border-radius:8px}.subsection.overview:hover{border-color:#a8d8f5;padding-inline:10px;color:#257792}.subsection.checkbox__container{align-items:flex-start;border-inline:1px solid #707070;border-color:#707070!important;background-color:#1a1a1a;color:#fff}.subsection.checkbox__container path{fill:#707070}.subsection.checkbox__container span{display:flex;align-items:center;gap:5px}.subsection.checkbox__container a{color:#fff;transition:color .2s linear;width:100%;height:100%;padding:20px;display:flex;gap:15px}.subsection.checkbox__container a label{cursor:pointer}.subsection.checkbox__container a time{color:#707070;transition:color .2s linear}.subsection.checkbox__container a:hover{color:#319fc4!important}.subsection.checkbox__container a:hover time{color:#319fc4}.subsection.checkbox__container.active{background-color:#fff;color:#1a1a1a}.subsection.checkbox__container.active>a{color:#1a1a1a}.subsection.checkbox__container.active path{fill:#1a1a1a}.subsection.checkbox__container:hover{border-color:#707070}.subsection.checkbox__container:last-of-type{border-bottom:1px solid #707070;border-radius:0 0 12px 12px}.subsection svg{min-width:20px;width:20px}.subsection .title{text-decoration:underline}@media screen and (max-width: 768px){.subsection .time{font-size:.75rem;padding-left:30px;margin-top:8px}.subsection .time *{font-size:.75rem}}:is(.module-title,.subsection) .title{display:flex;align-items:center;max-width:90%}@media screen and (max-width: 768px){:is(.module-title,.subsection) .title{align-items:flex-start}}:is(.module-title,.subsection) .title svg{margin-right:10px;height:20px;translate:0 2px}.module.inactive{background-color:#ebebeb;border-color:transparent}.module.inactive :is(.module__subsections) li{border-color:#c2c2c2}.course__additional-info{margin-top:50px;padding-top:50px;border-top:1px solid #EBEBEB}.course__additional-info h2{margin-bottom:35px}@media screen and (max-width: 768px){.course__additional-info article{width:100%}}.block__cta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}body:has(#watch-page)>footer{padding-top:0}#watch-page{margin-top:15px}#watch-page aside{background-color:#fff}#watch-page .aside__content{padding-bottom:15px}#watch-page .aside__content>*{padding-inline:18px}.aside__content{position:sticky;top:80px;display:grid;grid-template-rows:auto 1fr auto;grid-auto-flow:row;height:calc(100svh - 80px)}.aside__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding-block:8px;border-bottom:1px solid #EBEBEB}.aside__head>*{flex-shrink:0}.aside__body{overflow:clip scroll}.aside__body .modules__list{padding-block:20px 40px}.modules__list.foldable .module{padding:0}.modules__list.foldable .module:has(details[open]){border-color:transparent;background-color:#fff}.modules__list.foldable-title{border-bottom:1px solid #C2C2C2;padding-bottom:12px}.module__resume svg{min-width:25px;width:25px;height:25px;aspect-ratio:1}.module__resume .module-title+*{display:flex;align-items:center;gap:20px;padding-block:10px 20px}.module__resume .module-title+*>*{display:flex;align-items:center;gap:10px}.module details summary{border-radius:12px 12px 0 0;padding:20px 30px 0 20px;transition:.2s linear;transition-property:background-color,color}.module details summary *{-webkit-user-select:none;user-select:none}.module details[open] summary{background-color:#1a1a1a;color:#fff}.module details[open] summary .module-title svg,.module details[open] summary .module-title path{fill:#fff}.module details[open] summary .module-title .arrow{border-color:#fff}.progress-container{padding-block:20px}.aside__progress{background-color:#1a1a1a;border-radius:12px;padding:15px;color:#fff}.aside__progress p{display:flex;align-items:center;justify-content:space-between}.course-bottom-section{max-width:80%;margin-block:65px 150px;margin-left:10%}.course-bottom-section .course__resume>*{flex-grow:0}.course-bottom-section>article+article{margin-top:30px}.course-info{padding-bottom:35px;margin-bottom:30px;border-bottom:1px solid #EBEBEB}.course-info .h2{margin-bottom:30px}.course-desc{max-height:100lvh;transition:max-height .3s linear;overflow:hidden scroll}.course-desc.line-clamp{overflow:hidden;max-height:200px}.course-income__block{border:1px solid #EBEBEB;border-radius:12px;padding:30px 30px 20px}.course-income__heading{margin-bottom:20px}@media screen and (min-width: 992px){.course-income__heading{max-width:80%}}.course-income__heading h4{font-size:20px;margin-bottom:8px}.course-income__heading span{font-weight:400;font-size:14px;color:#707070}.course-income{padding:10px 20px;background-color:#f7f7f7;border:1px solid #EBEBEB;border-radius:8px}.course-income>p{display:flex;justify-content:space-between;align-items:center}.course-income strong{display:block;font-size:20px}.course-applicants__block{border:1px solid #EBEBEB;padding:30px;height:auto;border-radius:12px;display:flex;flex-direction:column}.course-applicants__heading{max-width:80%;margin-bottom:20px}.course-applicants__heading>span{font-size:14px;color:#707070;margin-top:8px;display:block;text-wrap:auto}
