body.webinar-page {
    background: url("https://fs.getcourse.ru/fileservice/file/download/a/367157/sc/335/h/dbe3c96ae40c3f40ba32856ed4cb1e99.jpg") 50% 50%/ cover, #0A0A0A!important;
}

#webinar-content-block > .lite-page.block-set > .o-lt-onecolumn-common:first-child .f-header {
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #722BFF;
    margin-top: 20px;
    margin-bottom: 30px;
}


#webinar-content-block .video-overlay-bottom.hide-watermark, 
#webinar-content-block .video-overlay-top.hide-watermark {
    background: #E1ECF7;
}

#webinar-content-block .videoWrapper, 
#webinar-content-block .videoWrapper iframe, 
#webinar-content-block .videoWrapper>.video-broadcast-block, 
#webinar-content-block .video-overlay-before,
#webinar-content-block #player .player-poster {
    border-radius: 12px;
}

#webinar-content-block .webinar-started-block {
    padding: 0 5px!important;
}

#ucss-code-wrapper {
    right: auto;
    left: 0
}

#webinar-content-block .chat-widget .comments-tree {
    /*padding-left: 27px;*/
    background: white;
    background-clip: content-box;
    margin-right: 0;
    box-shadow: -10px 0px 15px -6px #945EFF;
}

#webinar-content-block .chat-widget {
    border: none;
    background: none;
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar {
    width: 6px
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 6px
}

#webinar-content-block .chat-widget .comments-container::-webkit-scrollbar-thumb {
    background-color: #bcb8cd;
    border-radius: 6px
}

#webinar-content-block .chat-widget .comments-container {
    scrollbar-color: #bcb8cd transparent;
    scrollbar-width: 6px
}

#webinar-content-block .chat-widget .gc-comment-form {
    width: 392px;
    background: white;
    border-top: 1px solid #F5F5F5;
    padding: 20px 20px 10px 20px!important;
}

#webinar-content-block .new-comment-input {
    background: #F5F5F5;
    border-radius: 6px;
    border: none!important;
    font-family: Manrope;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #171717;
    padding: 15px!important;
    height: 50px;
    margin-bottom: 10px!important;
}

#webinar-content-block .new-comment-input::-webkit-input-placeholder {
    color: #38286F;
    opacity: 0.3;
}
#webinar-content-block .new-comment-input::-moz-placeholder {
    color: #38286F;
    opacity: 0.3;
}
#webinar-content-block .new-comment-input:-ms-input-placeholder {
    color: #38286F;
    opacity: 0.3;
}
#webinar-content-block .new-comment-input:-moz-placeholder {
    color: #38286F;
    opacity: 0.3;
}

#webinar-content-block .webinar-btn-send,
#webinar-content-block .webinar-btn-send:hover,
#webinar-content-block .webinar-btn-send:active
{
    background: #945EFF!important;
    border-radius: 6px!important;
    border: none!important;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 15px;
    font-family: Manrope!important;
    font-style: normal;
    font-weight: bold;
    font-size: 18px!important;
}

#webinar-content-block .webinar-btn-send .fa {
    display: none;
}

#webinar-content-block .chat-widget .comments-container .comments-top-level {
    margin-bottom: 180px;
    padding-top: 40px;
}

#webinar-content-block .chat-widget .comments-tree .level-1 .comment-wrapper {
    padding: 0 20px 0 20px !important;
}

#webinar-content-block .comments-tree {
    font-family: Manrope;
    font-style: normal;
    font-size: 14px;
    line-height: 140% !important;
    color: #171717;
}

#webinar-content-block .comments-tree .comment .title span[style='color: red;'] {
    color: #8468F5 !important;
}
/* Позиционирование кнопок */
.webinar-ads-block .webinar-block {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.webinar-ads-block .lite-block-live-wrapper {
    flex: 0 0 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    box-sizing: border-box !important;
}

/* Последний элемент на всю ширину, если нечетное количество */
.webinar-ads-block .webinar-block > .lite-block-live-wrapper:last-of-type {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.webinar-ads-block .lt-block-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.webinar-ads-block .btn.f-btn {
    width: 100% !important;
}

@media (max-width: 400px) {
    .webinar-ads-block .lite-block-live-wrapper {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

body.mobile {
    background: white;
}
body.mobile #webinar-content-block  .video-overlay-bottom.hide-watermark, 
body.mobile #webinar-content-block .video-overlay-top.hide-watermark {
    background: white;
}

body.mobile #webinar-content-block .videoWrapper, 
body.mobile #webinar-content-block .videoWrapper iframe, 
body.mobile #webinar-content-block .videoWrapper>.video-broadcast-block, 
body.mobile #webinar-content-block .video-overlay-before,
body.mobile #webinar-content-block #player .player-poster {
    border-radius: 0;
}

body.mobile #webinar-content-block.mobile .gc-comment-form {
    height: 90px;
    padding: 20px;
}

body.mobile .new-comment-input {
    margin-right: 8px;
    width: 61.8%!important;
    flex: 61.8%;
    font-size: 16px;
}

body.mobile .webinar-btn-send {
    width: 38.2%;
    flex: 38.2%;
    font-size: 16px!important;
}

body.mobile .webinar-started-block {
    padding: 0!important;
}

body.mobile .comment-form-wrapper {
    background: white;
    border-top: 1px solid #F5F5F5;
}