/* ==================================================
       МАТЕРИАЛЫ ДЛЯ ПОДГОТОВКИ
       ================================================== */

    .materials {
        width: 375px;
        padding: 12px;

        background: var(--cream-50);
    }

    .materials__content {
        width: 100%;
        padding: 20px 18px 18px;

        border: 1px solid var(--sand-500);
        border-radius: 12px;
    }


    /* ==================================================
       ЗАГОЛОВОК
       ================================================== */

    .materials__heading {
        display: flex;
        align-items: center;
    }

    .materials__icon {
        flex: 0 0 62px;

        width: 62px;
        height: 62px;

        margin-right: 15px;

        border-radius: 50%;

        background: var(--cream-300);
    }

    .materials__icon img {
        width: 37px;
        height: 37px;
    }

    .materials__heading-content {
        flex: 1;
        width: auto;
    }

    .materials__title {
        margin: 0;

        font-size: 27px;
        line-height: 1.08;
        font-weight: 400;
        letter-spacing: -0.3px;

        color: var(--graphite);
    }

    .materials__title-line {
        width: 100%;
        height: 1px;

        margin-top: 10px;

        background: var(--sand-300);
    }

    .materials__title-line::before {
        width: 40px;
    }


    /* ==================================================
       ОСНОВНОЙ БЛОК
       ================================================== */

    .materials__body {
        display: block;

        margin-top: 25px;
    }


    /* ==================================================
       СКАЧАТЬ
       ================================================== */

    .materials__downloads {
        padding: 0 4px 22px;

        border-right: 0;
        border-bottom: 1px solid var(--sand-300);
    }

    .materials__subtitle {
        margin: 0 0 13px;

        font-size: 15px;
        line-height: 1.3;
        font-weight: 600;
    }

    .materials__download-list {
        display: block;
    }

    .materials__download {
        position: relative;

        display: block;

        padding: 10px 0 10px 28px;

        font-size: 14px;
        line-height: 1.35;

        color: var(--graphite);
        text-decoration: none;
    }

    .materials__dot {
        top: 16px;
        left: 2px;

        width: 7px;
        height: 7px;
    }

    .materials__download small {
        display: block;

        margin-top: 2px;

        font-size: 12px;
        line-height: 1.3;

        color: var(--gray-700);
    }


    /* ==================================================
       ОБУЧАЮЩИЕ ВИДЕО
       ================================================== */

    .materials__videos {
        padding: 20px 4px 0;
    }

    .materials__videos .materials__subtitle {
        margin-bottom: 8px;

        font-size: 14px;
    }

    .materials__video-list {
        width: 100%;
    }

    .materials__video {
        display: flex;
        align-items: center;

        min-height: 54px;

        padding: 7px 0;

        border-bottom: 1px solid var(--sand-300);

        font-size: 15px;
        line-height: 1.2;
        font-weight: 500;

        color: var(--orange-100);
        text-decoration: none;
    }

    .materials__video:last-child {
        border-bottom: 0;
    }


    /* ==================================================
       ИКОНКИ ВИДЕО
       ================================================== */

    .materials__video-icon {
        flex: 0 0 38px;

        width: 38px;
        height: 38px;

        margin-right: 16px;
    }

    .materials__video-icon img {
        max-width: 100%;
        max-height: 100%;
    }