@import url("https://fs.getcourse.ru/fileservice/file/download/a/504197/sc/37/h/f58c9931e86a9ed5113d6383e4865957.css");
@import url("https://fs.getcourse.ru/fileservice/file/download/a/504197/sc/171/h/db5e24a3339192b6a3425cbd6291aaa1.css");

:root.is-pla-lesson-page {
    --color-primary: #d1ef00;
    --color-white: #ffffff;
    --color-gray: #d4d4d4;
    --color-black: #0c0c0c;
}

.is-pla-lesson-page .breadcrumb {
	color: #fff;
}

.is-pla-lesson-page .breadcrumb a {
	color: #FF8E29 !important;
    font-family: "Onest", sans-serif;
}

.is-pla-lesson-page .standard-page-content .breadcrumb > li + li:before {
	color: #fff !important;
}

.is-pla-lesson-page .page-header h1 {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 10px;
}

.is-pla-lesson-page .page-header h1 > a:first-child {
	color: #FFF6F6;
    font-family: "Bebas Neue Cyrillic", sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    text-decoration: none !important;
}

.is-pla-lesson-page .page-header h1 > a:last-child {
	color: #FFF6F6;
    font-family: "Onest", sans-serif;
}

.is-pla-lesson-page .page-header h1 br {
	display: none !important;
}

.is-pla-lesson-page body {
    background-color: #262626;
    min-height: 100vh;
    width: 100%;
    min-width: 320px;
}

.is-pla-lesson-page .lesson-header-block.row-section {
    background: #0c0c0c !important;
    border: none !important;
    border-radius: 12px !important;
    -webkit-box-shadow: 0 0 25px rgb(249 229 160 / 0.35) !important;
    box-shadow: 0 0 25px rgb(249 229 160 / 0.35) !important;
}

.is-pla-lesson-page .lesson-title-value {
    font-family: "Bebas Neue Cyrillic", sans-serif !important;
    font-size: 28px !important;
    line-height: 40px !important;
    font-weight: 500 !important;
    color: var(--color-white) !important;
}

.is-pla-lesson-page .lesson-navigation {
    font-family: var(--font-primary) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    color: var(--color-gray) !important;
    padding-bottom: 20px !important;
}

.is-pla-lesson-page .lesson-navigation td div {
	display: none;
}

.is-pla-lesson-page .lesson-navigation a {
    color: var(--color-white) !important;
    font-size: 14px !important;
    line-height: 24px !important;
    
    padding: 6px 12px !important;
}

.is-pla-lesson-page .lite-page .f-header,
.is-pla-lesson-page .lite-page .f-subheader,
.is-pla-lesson-page .lite-page .f-text {
    color: var(--color-white) !important;
}

.is-pla-lesson-page .lite-page .lt-lesson-mission-block {
    color: var(--color-white) !important;
}

.is-pla-lesson-page .lite-page .lt-lesson-mission-block h3 {
    text-align: center !important;
    margin-bottom: 24px !important;
}

.is-pla-lesson-page .lite-page textarea,
.is-pla-lesson-page .lite-page input {
    color: #0c0c0c !important;
}

.is-pla-lesson-page .lite-page .answer-form {
    background-color: #0c0c0c !important;
    color: var(--color-gwhiteray) !important;
}

.is-pla-lesson-page .lite-page .user-answer .addfield {
    background-color: var(--color-black) !important;
}

.is-pla-lesson-page .lite-page .btn-send-answer {
    font: unset !important;
    
    font-family: "Onest", sans-serif !important;
    color: #99591D !important;

    padding: 12px 36px 9px !important;
    border-radius: 4px !important;
    border: 1px solid #ffac4b !important;
    background: radial-gradient(4944.76% 64.28% at 50% 59.05%, #FFB450 0%, #FF8E29 100%) !important;
    box-shadow: 0px 4.28871px 31.67046px 0px #161016, 0px 3px 0px 0px #FE7B06 !important;

    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;

    -webkit-transition: opacity 0.2s ease !important;

    transition: opacity 0.2s ease !important;
    
    height: auto !important;
    min-height: 0 !important;
}

.is-pla-lesson-page .lite-page .btn-send-answer:hover {
    opacity: 0.75 !important;
}

.is-pla-lesson-page .lite-page .btn.f-btn.button-md {
	font: unset !important;
    
    font-family: "Onest", sans-serif !important;
    color: #99591D !important;

    padding: 12px 36px 9px !important;
    border-radius: 4px !important;
    border: 1px solid #ffac4b !important;
    background: radial-gradient(4944.76% 64.28% at 50% 59.05%, #FFB450 0%, #FF8E29 100%) !important;
    box-shadow: 0px 4.28871px 31.67046px 0px #161016, 0px 3px 0px 0px #FE7B06 !important;

    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    max-width: 100%;
    white-space: normal !important;

    -webkit-transition: opacity 0.2s ease !important;

    transition: opacity 0.2s ease !important;
    
    height: auto !important;
    min-height: 0;
}

.is-pla-lesson-page .answer-form-inner .uploadifive-button {
	font: unset !important;
    
    font-family: "Onest", sans-serif !important;
    color: #99591D !important;

    border-radius: 4px !important;
    border: 1px solid #ffac4b !important;
    background: radial-gradient(4944.76% 64.28% at 50% 59.05%, #FFB450 0%, #FF8E29 100%) !important;
    box-shadow: 0px 4.28871px 31.67046px 0px #161016, 0px 3px 0px 0px #FE7B06 !important;

    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 700 !important;

    -webkit-transition: opacity 0.2s ease !important;

    transition: opacity 0.2s ease !important;
    
    height: auto !important;
}

.is-pla-lesson-page .lite-page .comment-form-wrapper .new-comment .btn-send {
    font-family: var(--font-primary) !important;
    color: #8e7650 !important;

    background: linear-gradient(
            55.77deg,
            rgba(255, 255, 255, 0) 11.17%,
            rgba(255, 255, 255, 0.42) 48.78%,
            rgba(255, 255, 255, 0) 88.35%
        ),
        linear-gradient(
            93.53deg,
            #f7dc7c -46.35%,
            #fbe493 -12.15%,
            #f4db82 17.92%,
            #f4db80 50.38%,
            #fae28f 76.49%,
            #f5dd85 105.18%,
            #ebd174 126.41%
        ) !important;

    font-size: 14px !important;
    line-height: 20px !important;
    border-radius: 0.5em !important;
    padding: 0.8em 1.25em !important;

    -webkit-transition: opacity 0.2s ease !important;

    transition: opacity 0.2s ease !important;
    text-transform: none !important;
}

.is-pla-lesson-page .lite-page .lesson-answer-comment {
    background-color: var(--color-black) !important;
}

.is-pla-lesson-page .lite-page .comment-form-wrapper .new-comment .btn-send:hover {
    opacity: 0.75 !important;
}

.is-pla-lesson-page .btn-save-draft {
    font-family: var(--font-primary) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    border-radius: 0.5em !important;
    padding: 0.8em 1.25em !important;

    color: var(--color-white) !important;
}

.is-pla-lesson-page .lite-page .lt-lesson-comment-block {
    color: var(--color-white) !important;
}

.is-pla-lesson-page .o-lt-lesson-mission-block .row-section .col-md-12 > div {
	background-color: #0c0c0c !important;
    border-radius: 12px !important;
    overflow: hidden;
}

.is-pla-lesson-page .o-lt-lesson-comment-block .simple-answer.user-answer {
    background: #0c0c0c !important;
    border-radius: 12px !important;
}

.is-pla-lesson-page .o-lt-lesson-comment-block .other-answers.answers-list {
    background: #0c0c0c !important;
    border-radius: 12px !important;
}

@media screen and (max-width: 991.98px) {
    .is-pla-lesson-page .lesson-title-value {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .is-pla-lesson-page .lesson-navigation a {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}