

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet">


/* =====================================================
   ВНУТРЯНКА УРОКА — BLUE STYLE
===================================================== */

/* ФАЙЛЫ */

 .dmd3_visual_lessonl .files-table tbody {
    display:flex!important;
    justify-content:left;
}

/* ШРИФТ */

 .dmd3_visual_lessonl p,
 .dmd3_visual_lessonl ul{
    font-family:"proxima-nova","Lato",Helvetica,Arial,sans-serif!important;
    color:#1f2937;
}

/* =====================================================
   ФОН
===================================================== */

 .dmd3_visual_lessonl{
    background:linear-gradient(135deg,#eef5ff 0%,#f8f2ff 100%);
}

/* =====================================================
   HEADER
===================================================== */

 .dmd3_visual_lessonl .lesson-header-block{

    border:1px solid #dbe7ff!important;

    border-radius:30px!important;

    background:
        linear-gradient(
            135deg,
            #f7faff 0%,
            #f4f8ff 100%
        )!important;

    color:#1f2937;

    font-family:'Montserrat',Arial,sans-serif!important;

    font-weight:700;

    padding-bottom:10px!important;

    box-shadow:0 10px 30px rgba(79,123,255,.08);
}

/* =====================================================
   TITLE
===================================================== */

 .dmd3_visual_lessonl .lesson-title-value{

    font-size:24px;

    font-weight:700;

    font-family:'Montserrat',Arial,sans-serif!important;

    text-transform:uppercase;

    color:#1f2937;
}

/* DESCRIPTION */

 .dmd3_visual_lessonl .lesson-description-value{

    font-size:18px;

    font-family:'Montserrat',Arial,sans-serif!important;

    color:#64748b;

    margin-top:10px!important;

    display:block;
}

/* =====================================================
   TEXT
===================================================== */

 .dmd3_visual_lessonl .text-center.hidden-xs{

    color:#1f2937;

    font-family:'Montserrat',Arial,sans-serif!important;
}

/* =====================================================
   НАВИГАЦИЯ
===================================================== */

 .dmd3_visual_lessonl .lesson-navigation a{

    color:#fff;

    text-transform:none;

    background:#4f7bff;

    padding:8px 14px;

    border-radius:12px;

    font-weight:700;

    transition:.25s;
}

 .dmd3_visual_lessonl .lesson-navigation a:hover{

    background:#79a8ff;
}

/* =====================================================
   СКРЫТЬ ЛИШНЕЕ
===================================================== */

 .dmd3_visual_lessonl div.hidden-xs{
    display:none;
}

/* =====================================================
   КНОПКИ СПРАВА
===================================================== */

 .dmd3_visual_lessonl .text-right a{

    color:#fff;

    text-transform:none;

    background:#4f7bff;

    padding:8px 14px;

    border-radius:12px;

    font-weight:700;

    transition:.25s;
}

 .dmd3_visual_lessonl .text-right a:hover{

    background:#79a8ff;
}

 .dmd3_visual_lessonl .text-right .hidden-xs{
    display:none;
}

/* =====================================================
   ССЫЛКИ
===================================================== */

 .dmd3_visual_lessonl a{

    color:#4f7bff;

    text-transform:uppercase;
}

 .dmd3_visual_lessonl a:hover{

    color:#79a8ff;
}

/* =====================================================
   USER ANSWER
===================================================== */

 .dmd3_visual_lessonl .user-answer{

    border:1px solid #dbe7ff!important;

    border-radius:24px!important;

    background:#ffffff!important;

    color:#1f2937;

    font-family:'Montserrat',Arial,sans-serif!important;
}

/* =====================================================
   ANSWER FORM
===================================================== */

 .dmd3_visual_lessonl .answer-form{

    background:#ffffff!important;

    border:1px solid #dbe7ff!important;

    border-radius:16px!important;

    font-family:'Montserrat',Arial,sans-serif!important;
}

/* =====================================================
   SEND BUTTON
===================================================== */

 .dmd3_visual_lessonl .btn-send-answer{

    border-radius:14px!important;

    color:#fff;

    background:#4f7bff;

    border:none!important;

    font-weight:700;

    transition:.25s;
}

 .dmd3_visual_lessonl .btn-send-answer:hover{

    color:#fff;

    background:#79a8ff!important;
}

/* DRAFT */

 .dmd3_visual_lessonl .btn-save-draft{

    color:#64748b!important;
}

/* =====================================================
   БЛОК ТЕКСТА
===================================================== */

 .dmd3_visual_lessonl .lt-lesson-header .lt-block-wrapper{

    padding:30px!important;

    background:#ffffff!important;

    border-radius:30px;

    border:1px solid #dbe7ff!important;

    font-family:'Montserrat',Arial,sans-serif!important;

    box-shadow:0 10px 30px rgba(79,123,255,.06);
}

/* =====================================================
   СКРЫТИЕ ЗАГОЛОВКА ЗАДАНИЯ
===================================================== */

 .dmd3_visual_lessonl .lt-lesson-mission-block .lt-block-wrapper h3{
    display:none;
}

/* =====================================================
   БЛОК ЗАДАНИЯ
===================================================== */

 .dmd3_visual_lessonl .lesson-mission-text{

    font-family:'Montserrat',Arial,sans-serif!important;

    background:#ffffff;

    color:#1f2937;

    padding-bottom:20px!important;

    border:1px solid #dbe7ff;

    border-radius:24px;
}

/* =====================================================
   ANSWERS
===================================================== */

 .dmd3_visual_lessonl .self-answers{
    padding-top:30px;
}

/* =====================================================
   УБРАТЬ ГРАНИЦУ
===================================================== */

 .dmd3_visual_lessonl .lesson-mission-wrapper{
    border:none;
}

/* =====================================================
   COMMENT BUTTON
===================================================== */

 .dmd3_visual_lessonl .answer-comment .btn{

    background:#4f7bff;

    border:none;

    border-radius:12px;

    color:#fff;

    font-weight:700;

    transition:.25s;
}

 .dmd3_visual_lessonl .answer-comment .btn:hover{

    background:#79a8ff;
}
