@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";#root{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;overflow:hidden}#root>div{max-height:100%;overflow-y:auto;box-sizing:border-box;max-width:100%}.main-screen h1{font-size:1.75em;font-weight:700;text-align:center;margin-bottom:.75em}.my-progress{width:2em;height:2em;position:relative;display:flex;justify-content:center;align-items:center;flex:0 0 auto}.my-progress__circle{position:absolute;top:0;left:0;width:2em;height:2em}.my-progress__value{font-size:.5em;color:var(--course-item-border-paid)}.course{padding-top:3em;padding-bottom:3em}.course-item{padding:.5em;border-radius:.5em;overflow:hidden;transition:height 1s}.course-item--paid-false{border:1px solid var(--course-item-border-not-paid)}.course-item--paid-true{border:1px solid var(--course-item-border-paid)}.course-item[data-shown=false]>div{display:none}.course-item__name{font-size:1.25em;text-align:center;display:flex;justify-content:space-between;align-items:center;gap:1em}.course-item__title{font-weight:700;text-align:center;display:block}.course-item__shown-icon{display:block;transition:transform .25s}.course-item__shown-icon[data-shown=true]{transform:rotate(180deg)}.course-item__shown-icon>svg{display:block;width:1.5em;height:1.5em}.course-item__shown-icon>svg>path{stroke:var(--course-item-border-not-paid)}.course-item__header{padding-top:1em;margin-top:.5em;text-align:center;border-top:1px solid var(--course-item-border-not-paid)}.course-item__about{margin-top:1em}.course-item__about:before{content:"";display:block;width:100%;border-top:1px dotted var(--course-item-border-not-paid);opacity:.3;height:1em}.course-item__about>h3{font-size:1.15em;font-weight:700}.course-item__about ol,.course-item__about ul{margin-left:2em;margin-top:.75em;margin-bottom:2em}.course-item__about ol>li,.course-item__about ul>li{margin-top:.5em}.course-item__about>h4{font-weight:600;text-align:center}.course-item__pay{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5em;padding:1em}.course-item__pay>button{background-color:var(--course-item-border-not-paid);color:#000050;border:none;border-radius:1em;padding:.5em 1em;font-weight:600;font-size:1.25em;margin-bottom:1em}.course-item__pay>p{font-size:.7em;text-align:center}.course-item__pay>p>span{color:var(--link-color);text-decoration:underline}.course-info{padding:0 .5em}.course-info h2{font-size:1.25em;font-weight:700;margin-bottom:1em;text-align:center}.course-info h3{font-size:1.1em;font-weight:700;text-align:center}.course-info p{margin-bottom:.75em;line-height:1.4em}.course-info ul{margin-left:1em}.course-info__continue{display:flex;justify-content:center;margin-top:1em;padding-bottom:2em}.course-info__continue>button{padding:.5em 1em;background-color:var(--course-item-border-not-paid);color:#005;border:none;border-radius:1.5em}.course-info-button{position:fixed;right:1em;top:1em;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color-50);border:2px solid var(--course-item-border-paid);border-radius:50%}.course-info-button>svg{width:2em;height:2em;fill:var(--course-item-border-paid)}@media screen and (orientation: landscape){.course{padding-bottom:0;padding-left:3em}}.main-screen{padding:3em .5em}.main-content{display:flex;flex-direction:column;gap:1em}.loader{width:50px;aspect-ratio:1.154;display:grid;color:var(--course-item-border-not-paid);background:linear-gradient(to bottom left,rgba(0,0,0,0) calc(50% - 1px),currentColor 0 calc(50% + 1px),rgba(0,0,0,0) 0) right/50% 100%,linear-gradient(to bottom right,rgba(0,0,0,0) calc(50% - 1px),currentColor 0 calc(50% + 1px),rgba(0,0,0,0) 0) left/50% 100%,linear-gradient(currentColor 0 0) bottom/100% 2px;background-repeat:no-repeat;transform-origin:50% 66%;animation:l5 4s infinite linear}.loader:before,.loader:after{content:"";grid-area:1/1;background:inherit;transform-origin:inherit;animation:inherit}.loader:after{animation-duration:2s}.loader-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loader-wrapper[data-transparent=true]{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes l5{to{transform:rotate(1turn)}}.lesson-list{display:flex;flex-direction:column;gap:2em;padding:.5em}.lesson-item{padding:.5em;border:1px solid var(--course-item-border-not-paid);border-radius:.5em;display:flex;gap:.5em;align-items:center;position:relative}.lesson-item[data-complete="1"]{border-color:var(--course-item-border-paid)}.lesson-item[data-complete="1"] .lesson-item-progress{display:block}.lesson-item-number{font-size:1.5em}.lesson-item-progress{position:absolute;color:var(--course-item-border-paid);font-size:2em;bottom:0;right:.15em;display:none}.lesson-content{gap:2em;padding:.5em}.lesson-number{font-size:.9em;font-weight:700;color:var(--course-item-border-paid);text-decoration:underline;margin-bottom:.5em}.lesson-title{font-size:1.25em;text-align:center;margin-bottom:2em}.lesson-about{margin-top:2em}.lesson-about[data-shown=false]{display:none}.lesson-about .about-btn-link{display:flex;justify-content:center;padding:1em}.lesson-about .about-btn-link>a{display:inline-block;padding:.5em 1em;border:1px solid var(--text-color);color:var(--text-color);text-decoration:none;border-radius:2em}.lesson-next{display:flex;justify-content:center;margin-top:3em}.lesson-next>button{padding:.5em 1em;border:none;border-radius:1em;background-color:var(--course-item-border-not-paid);color:#005;text-transform:uppercase}.back-header{display:flex;justify-content:center;align-items:center;gap:3em;position:fixed;z-index:100;bottom:0;left:0;right:0;height:3em}.back-header>button{background:var(--bg-color-50);border:none;color:var(--text-color);border-radius:50%;display:flex;justify-content:center;align-items:center;width:3em;height:3em;flex:0 0 auto}.back-header>button>svg{width:2em;height:2em;fill:var(--text-color)}@media screen and (orientation: landscape){.back-header{flex-direction:column;right:auto;width:3em;top:0;height:auto}}.check-pay{width:100%;height:100%;display:flex;flex-direction:column;gap:2em;justify-content:center;align-items:center}.check-pay__loader{width:100%;height:5em;position:relative}.check-pay__message{padding:.5em}.check-pay__message p{line-height:1.5em;margin-bottom:1em}.check-pay__message p span{display:block;text-align:center;font-size:1.5em;padding:1em 0;letter-spacing:.25em}.check-pay__message p a{color:var(--link-color);text-decoration:underline;margin-left:.5em}.error-pay{display:flex;flex-direction:column;gap:2em;justify-content:center;align-items:center}:root{--main-font: "Inter", Arial, system-ui, sans-serif;color-scheme:light dark;--text-color: rgba(255, 255, 255, .87);--link-color: #7777ff;--bg-color: #242424;--bg-color-50: rgba(36, 36, 36, .75);--course-item-border-not-paid: yellow;--course-item-border-paid: green;--circle-progress-rail: rgba(0,128,0,.5);--header-border-color: rgba(255,255,255,.1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:var(--main-font);line-height:1.25;font-weight:400;margin:0;padding:0;font-size:inherit}body{background-color:var(--bg-color);color:var(--text-color)}#player1{width:90vw;height:auto;aspect-ratio:16 / 9;margin:0 auto;border:2px #ffe solid;position:relative}@media (prefers-color-scheme: light){:root{--text-color: #213547;--link-color: #3333dd;--bg-color: #ffffff;--bg-color-50: rgba(255,255,255,.75);--course-item-border-not-paid: #dddd00;--header-border-color: rgba(0,0,0,.1)}#player1{border-color:#330}}@media screen and (orientation: landscape){#player1{width:auto;height:85vh}}