/* Start:/local/templates/wehive.digital/components/bitrix/news.detail/wd_detail/style.css?17847566307183*/
/* wd_detail/style.css — визуальный кит статей блога.
   АДДИТИВНЫЙ файл: Bitrix авто-подключает style.css шаблона компонента на КАЖДОЙ
   детальной странице news.detail (блог + кейсы). Общий шаблон (template.php) не
   трогаем. Классы .wd-art-* живут только тут и применяются внутри HTML-тела статьи
   (свойства WHITE_BLOCK_1..5), которое движок оборачивает в один
   <div class="wd-bg-light wd-content-radius-30"> — светлая база кита.

   Правила ритма (как на /hrm-dlya-riteyla/): светлая база, карточки — белые
   (wd-bg-white) для контраста на светлом, не больше ОДНОГО тёмного акцента на
   статью (wd-bg-dark/darkness), жёлтый — только акцентом. Всё, что можно, берём
   утилитами wd-* и токенами variables.css; тут — только то, чего утилиты не дают.
   Ничего глобального не переопределяем. */

/* ---- Лид (вводный абзац под H1 / в начале блока) ---- */
.wd-art-lead {
    max-width: calc(var(--value) * 72);
    color: var(--black2);
}

/* ---- Иконка-чип на карточках (перенос пары «жёлтое на тёмном» из hero) ----
   Иконки — общий набор /local/templates/wehive.digital/img/article-icons/*.svg
   (нативные line-иконки, залиты var(--yellow) прямо в SVG). Контракт совпадает
   с .lp-ico лендингов, но класс отдельный — кит блога самодостаточен. */
.wd-art-ico {
    display: grid;
    place-items: center;
    width: calc(var(--value) * 5.2);
    height: calc(var(--value) * 5.2);
    margin-bottom: calc(var(--value) * 2);
    border-radius: calc(var(--value) * 1.6);
    background-color: var(--black);
}

.wd-art-ico img {
    width: calc(var(--value) * 2.8);
    height: calc(var(--value) * 2.8);
}

/* ---- Сетка карточек-секций ---- */
/* Сама <ul> — на утилитах wd-list wd-grid wd-grid-tcol--xs wd-grid-tcol-2--s … */
.wd-art-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
}

.wd-art-card .wd-art-card-title {
    display: block;
    margin-bottom: calc(var(--value) * 1.2);
}

.wd-art-card .wd-art-card-text {
    margin: 0;
    color: var(--black2);
}

/* Кликабельная карточка-ссылка (например, на модуль/продукт) — лёгкий hover. */
.wd-art-card-link {
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.wd-art-card-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 calc(var(--value) * 1.2) calc(var(--value) * 3) rgb(var(--black-RGB) / 10%);
}

/* ---- Нумерованные шаги (структурный визуал вместо картинки) ---- */
.wd-art-steps {
    display: grid;
    gap: calc(var(--value) * 2);
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: wd-art-step;
}

.wd-art-step {
    display: grid;
    grid-template-columns: calc(var(--value) * 5.2) 1fr;
    gap: calc(var(--value) * 2);
    align-items: start;
    counter-increment: wd-art-step;
}

.wd-art-step::before {
    content: counter(wd-art-step);
    display: grid;
    place-items: center;
    width: calc(var(--value) * 5.2);
    height: calc(var(--value) * 5.2);
    border-radius: calc(var(--value) * 1.6);
    background-color: var(--black);
    color: var(--yellow);
    font-weight: 600;
    font-size: calc(var(--value) * 2.2);
    line-height: 1;
}

.wd-art-step-title {
    display: block;
    margin-bottom: calc(var(--value) * 0.8);
}

.wd-art-step-text {
    margin: 0;
    color: var(--black2);
}

@media (min-width: 768px) {
    .wd-art-step {
        grid-template-columns: calc(var(--value) * 6) 1fr;
        gap: calc(var(--value) * 3);
    }

    .wd-art-step::before {
        width: calc(var(--value) * 6);
        height: calc(var(--value) * 6);
        font-size: calc(var(--value) * 2.6);
    }
}

/* ---- Врезка-акцент (выделенная мысль) ----
   Белая карточка с жёлтой полосой слева. Не тёмный акцент — его на статью не
   больше одного, и это обычно финальный CTA (даёт шаблон из полей элемента). */
.wd-art-accent {
    border-left: calc(var(--value) * 0.6) solid var(--yellow);
}

.wd-art-accent .wd-art-accent-text {
    margin: 0;
    color: var(--black);
}

/* ---- Картинка с подписью ---- */
.wd-art-figure {
    margin: 0;
}

.wd-art-figure img {
    display: block;
    width: 100%;
    height: auto;
}

.wd-art-figcaption {
    margin-top: calc(var(--value) * 1.2);
    color: var(--black3);
    text-align: center;
}

/* ---- FAQ-аккордеон (тот же визуальный контракт, что .lp-faq / wd-block-details:
   плюс→минус справа, оранжевый штрих, скругление). Реализация CSS-only на
   <details>/<summary>, JS не нужен. Классы отдельные — работают без компонента
   news.list/wd_details. ---- */
.wd-art-faq {
    display: grid;
    gap: calc(var(--value) * 1.5);
}

.wd-art-faq-item {
    /* фон/паддинг/радиус — утилитами wd-bg-white wd-padding-20 wd-radius-30 */
}

.wd-art-faq-summary {
    position: relative;
    display: block;
    padding-right: calc(var(--value) * 4);
    cursor: pointer;
    list-style: none;
}

.wd-art-faq-summary::-webkit-details-marker {
    display: none;
}

.wd-art-faq-summary::marker {
    content: "";
}

.wd-art-faq-summary:focus-visible {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
}

.wd-art-faq-summary::before,
.wd-art-faq-summary::after {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: calc(var(--value) * 1.8);
    height: 2px;
    background-color: var(--orange);
    content: "";
}

.wd-art-faq-summary::after {
    top: calc(50% - var(--value) * 0.9);
    right: calc(var(--value) * 0.8);
    width: 2px;
    height: calc(var(--value) * 1.8);
    transition: opacity 0.15s ease;
}

.wd-art-faq-item[open] .wd-art-faq-summary::after {
    opacity: 0;
}

.wd-art-faq-answer {
    margin-top: calc(var(--value) * 1.5);
    padding-top: calc(var(--value) * 1.5);
    border-top: 1px solid rgb(220 220 220 / 80%);
    color: var(--black2);
}

@media (min-width: 768px) {
    .wd-art-faq-summary {
        padding-right: calc(var(--value) * 5);
    }

    .wd-art-faq-summary::before {
        width: calc(var(--value) * 2.6);
    }

    .wd-art-faq-summary::after {
        top: calc(50% - var(--value) * 1.3);
        right: calc(var(--value) * 1.2);
        height: calc(var(--value) * 2.6);
    }
}

/* End */


/* Start:/local/css/navigation.css?17343316257253*/
.wd-nav-container {
    padding-top: calc(var(--value) * 3);
}

.wd-nav-container.wd-grid {
    overflow: visible;
}

.wd-nav-container-hidden,
.wd-page-dopcontent.wd-grid {
    display: none;
}

.wd-pagenav {
    position: relative;
    display: grid;
    gap: calc(var(--value) * 3);
}

.wd-pagenav-mob {
    display: grid;
    grid-template-columns: auto calc(var(--value) * 2.8);
    gap: calc(var(--value) * 1.5);
    align-items: center;
    height: 100%;
}

.wd-pagenav.open .wd-pagenav-mob {
    color: var(--yellow);
}

.wd-pagenav.open .wd-pagenav-mob {
    color: var(--yellow);
}

.wd-pagenav-btn {
    padding: 0;
    border: none;
    border-radius: 50%;
    width: calc(var(--value) * 2.8);
    height: calc(var(--value) * 2.8);
    outline: none;
    background: transparent url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.16667 15.0001C8.16667 15.6189 7.92083 16.2124 7.48325 16.65C7.04566 17.0876 6.45217 17.3334 5.83333 17.3334C5.21449 17.3334 4.621 17.0876 4.18342 16.65C3.74583 16.2124 3.5 15.6189 3.5 15.0001C3.5 14.3812 3.74583 13.7878 4.18342 13.3502C4.621 12.9126 5.21449 12.6667 5.83333 12.6667C6.45217 12.6667 7.04566 12.9126 7.48325 13.3502C7.92083 13.7878 8.16667 14.3812 8.16667 15.0001ZM16.3333 15.0001C16.3333 15.6189 16.0875 16.2124 15.6499 16.65C15.2123 17.0876 14.6188 17.3334 14 17.3334C13.3812 17.3334 12.7877 17.0876 12.3501 16.65C11.9125 16.2124 11.6667 15.6189 11.6667 15.0001C11.6667 14.3812 11.9125 13.7878 12.3501 13.3502C12.7877 12.9126 13.3812 12.6667 14 12.6667C14.6188 12.6667 15.2123 12.9126 15.6499 13.3502C16.0875 13.7878 16.3333 14.3812 16.3333 15.0001ZM24.5 15.0001C24.5 15.6189 24.2542 16.2124 23.8166 16.65C23.379 17.0876 22.7855 17.3334 22.1667 17.3334C21.5478 17.3334 20.9543 17.0876 20.5168 16.65C20.0792 16.2124 19.8333 15.6189 19.8333 15.0001C19.8333 14.3812 20.0792 13.7878 20.5168 13.3502C20.9543 12.9126 21.5478 12.6667 22.1667 12.6667C22.7855 12.6667 23.379 12.9126 23.8166 13.3502C24.2542 13.7878 24.5 14.3812 24.5 15.0001Z' fill='white' /%3E%3C/svg%3E") center/contain no-repeat;
    cursor: pointer;
    transition: background 0.2s ease;
}

.wd-pagenav.open .wd-pagenav-btn {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.16667 15.0001C8.16667 15.6189 7.92083 16.2124 7.48325 16.65C7.04566 17.0876 6.45217 17.3334 5.83333 17.3334C5.21449 17.3334 4.621 17.0876 4.18342 16.65C3.74583 16.2124 3.5 15.6189 3.5 15.0001C3.5 14.3812 3.74583 13.7878 4.18342 13.3502C4.621 12.9126 5.21449 12.6667 5.83333 12.6667C6.45217 12.6667 7.04566 12.9126 7.48325 13.3502C7.92083 13.7878 8.16667 14.3812 8.16667 15.0001ZM16.3333 15.0001C16.3333 15.6189 16.0875 16.2124 15.6499 16.65C15.2123 17.0876 14.6188 17.3334 14 17.3334C13.3812 17.3334 12.7877 17.0876 12.3501 16.65C11.9125 16.2124 11.6667 15.6189 11.6667 15.0001C11.6667 14.3812 11.9125 13.7878 12.3501 13.3502C12.7877 12.9126 13.3812 12.6667 14 12.6667C14.6188 12.6667 15.2123 12.9126 15.6499 13.3502C16.0875 13.7878 16.3333 14.3812 16.3333 15.0001ZM24.5 15.0001C24.5 15.6189 24.2542 16.2124 23.8166 16.65C23.379 17.0876 22.7855 17.3334 22.1667 17.3334C21.5478 17.3334 20.9543 17.0876 20.5168 16.65C20.0792 16.2124 19.8333 15.6189 19.8333 15.0001C19.8333 14.3812 20.0792 13.7878 20.5168 13.3502C20.9543 12.9126 21.5478 12.6667 22.1667 12.6667C22.7855 12.6667 23.379 12.9126 23.8166 13.3502C24.2542 13.7878 24.5 14.3812 24.5 15.0001Z' fill='%23ffde59' /%3E%3C/svg%3E");
}

.wd-pagenav-btn:focus,
.wd-pagenav-btn:hover,
.wd-pagenav-btn:active,
.wd-pagenav.open .wd-pagenav-btn:focus,
.wd-pagenav.open .wd-pagenav-btn:hover,
.wd-pagenav.open .wd-pagenav-btn:active {
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.16667 15.0001C8.16667 15.6189 7.92083 16.2124 7.48325 16.65C7.04566 17.0876 6.45217 17.3334 5.83333 17.3334C5.21449 17.3334 4.621 17.0876 4.18342 16.65C3.74583 16.2124 3.5 15.6189 3.5 15.0001C3.5 14.3812 3.74583 13.7878 4.18342 13.3502C4.621 12.9126 5.21449 12.6667 5.83333 12.6667C6.45217 12.6667 7.04566 12.9126 7.48325 13.3502C7.92083 13.7878 8.16667 14.3812 8.16667 15.0001ZM16.3333 15.0001C16.3333 15.6189 16.0875 16.2124 15.6499 16.65C15.2123 17.0876 14.6188 17.3334 14 17.3334C13.3812 17.3334 12.7877 17.0876 12.3501 16.65C11.9125 16.2124 11.6667 15.6189 11.6667 15.0001C11.6667 14.3812 11.9125 13.7878 12.3501 13.3502C12.7877 12.9126 13.3812 12.6667 14 12.6667C14.6188 12.6667 15.2123 12.9126 15.6499 13.3502C16.0875 13.7878 16.3333 14.3812 16.3333 15.0001ZM24.5 15.0001C24.5 15.6189 24.2542 16.2124 23.8166 16.65C23.379 17.0876 22.7855 17.3334 22.1667 17.3334C21.5478 17.3334 20.9543 17.0876 20.5168 16.65C20.0792 16.2124 19.8333 15.6189 19.8333 15.0001C19.8333 14.3812 20.0792 13.7878 20.5168 13.3502C20.9543 12.9126 21.5478 12.6667 22.1667 12.6667C22.7855 12.6667 23.379 12.9126 23.8166 13.3502C24.2542 13.7878 24.5 14.3812 24.5 15.0001Z' fill='%23111418' /%3E%3C/svg%3E");
}

.wd-pagenav-btn:focus,
.wd-pagenav.open .wd-pagenav-btn:focus {
    background-color: var(--yellow4);
}

.wd-pagenav-btn:hover,
.wd-pagenav.open .wd-pagenav-btn:hover {
    background-color: #ffffff;
}

.wd-pagenav-btn:active,
.wd-pagenav.open .wd-pagenav-btn:active {
    background-color: var(--yellow2);
}

.wd-pagenav-navi {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    overflow-y: auto;
    padding: calc(var(--value) * 3) calc(var(--value) * 4);
    border-radius: calc(var(--value) * 3);
    max-height: calc(100dvh - calc(var(--value) * 18));
    background: rgb(var(--dark-bg-RGB) / 90%);
}

.wd-pagenav.open .wd-pagenav-navi {
    z-index: 5;
}

.wd-pagenav-list {
    display: grid;
    gap: calc(var(--value) * 2);
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 576px) {
    .wd-nav-container {
        padding-top: 0;
    }

    .wd-pagenav {
        grid-template-columns: auto auto;
        gap: calc(var(--value) * 4);
        justify-content: space-between;
        align-items: center;
    }

    .wd-pagenav-mob {
        justify-content: start;
    }
}

@media (min-width: 992px) {
    .wd-nav-container {
        padding-top: calc(var(--value) * 3);
    }
}

@media (min-width: 1400px) {
    .wd-nav-container {
        padding-top: 0;
    }

    .wd-pagenav {
        grid-template-columns: auto;
        justify-content: normal;
        padding: calc(var(--value) * 3) calc(var(--value) * 4);
        border-radius: calc(var(--value)* 3);
        background-color: rgb(var(--dark-bg-RGB) / 90%);
    }

    .wd-pagenav-mob {
        display: none;
    }

    .wd-pagenav-navi {
        position: static;
        z-index: auto;
        display: block;
        overflow: inherit;
        padding: 0;
        border-radius: inherit;
        max-height: none;
        opacity: 1;
        background: none;
    }

    .wd-pagenav-list {
        gap: calc(var(--value) * 2);
    }

    .wd-page-dopcontent.wd-grid {
        display: grid;
    }

    .wd-page-dopcontent {
        padding: calc(var(--value) * 3) calc(var(--value) * 4);
    }
}

/* End */


/* Start:/local/components/ithive/element.hl.list/templates/forms/style.css?173433162512761*/
.wd-dialog {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    border: none;
    width: 100svw;
    min-width: 100svw;
    height: 100dvh;
    min-height: 100dvh;
    color: #ffffff;
    background-color: var(--default-bg);
}

.wd-dialog-close {
    position: absolute;
    top: calc(var(--value) * 1.7);
    right: calc(var(--value) * 1.7);
    border: none;
    width: calc(var(--value) * 4.6);
    height: calc(var(--value) * 4.6);
    background: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14L31.6777 31.6777' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='M14 32L31.6777 14.3223' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E") center/contain no-repeat;
    cursor: pointer;
}

.wd-dialog-close:focus,
.wd-dialog-close:hover,
.wd-dialog-close:active {
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14L31.6777 31.6777' stroke='%23111418' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='M14 32L31.6777 14.3223' stroke='%23111418' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
}

.wd-dialog-close:focus {
    background-color: var(--yellow4);
}

.wd-dialog-close:hover {
    background-color: #ffffff;
}

.wd-dialog-close:active {
    background-color: var(--yellow2);
}

/* dialog for gallery */
:where(.wd-dialog-gallery).wd-dialog {
    align-items: center;
    background-color: rgb(var(--black-RGB) / 60%);
}

.wd-dialog-gallery-container {
    position: relative;
    margin: 0 auto;
    padding: calc(var(--value) * 5.6) calc(var(--value) * 2);
    width: max-content;
}

.wd-dialog-gallery .wd-dialog-close {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: auto;
}

.wd-dialog-gallery[open] {
    display: flex;
}

.wd-dialog-gallery-zoom {
    display: grid;
    grid-template-columns: repeat(2, calc(var(--value) * 4.6));
    gap: var(--value);
    justify-content: end;
    margin-top: var(--value);
}

.wd-dialog-gallery-btn {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    height: 46px;
    background: none;
    cursor: not-allowed;
}

.wd-dialog-gallery-btn::before {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    margin: 0 auto;
    width: calc(var(--value) * 2.8);
    height: 2px;
    background-color: var(--black2);
    content: "";
}

.wd-dialog-gallery-plus::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 2px;
    height: calc(var(--value) * 2.8);
    background-color: var(--black2);
    content: "";
}

.wd-dialog-gallery-btn:focus,
.wd-dialog-gallery-btn:active {
    outline: none;
}

.wd-dialog-gallery-btn.active {
    cursor: pointer;
}

.wd-dialog-gallery-btn.active::before,
.wd-dialog-gallery-btn.active::after {
    background-color: #ffffff;
}

.wd-dialog-gallery-btn.active:focus {
    background-color: var(--yellow4);
}

.wd-dialog-gallery-btn.active:hover {
    background-color: #ffffff;
}

.wd-dialog-gallery-btn.active:active {
    background-color: var(--yellow2);
}

.wd-dialog-gallery-btn.active:focus::before,
.wd-dialog-gallery-btn.active:focus::after,
.wd-dialog-gallery-btn.active:hover::before,
.wd-dialog-gallery-btn.active:hover::after,
.wd-dialog-gallery-btn.active:active::before,
.wd-dialog-gallery-btn.active:active::after {
    background-color: var(--black);
}
/* end dialog for gallery */

/* form */
.wd-dialog form {
    display: grid;
    gap: calc(var(--value) * 2);
}

.wd-dialog form > div:nth-child(2) {
    order: 3;
}

.wd-dialog .b24-form-wrapper {
    border-radius: calc(var(--value) * 3);
    max-width: none;

    --b24-background-color: rgb(var(--dark-bg-RGB) / 95%);
}

.wd-dialog .b24-form-padding-side {
    padding: var(--value) calc(var(--value) * 2) calc(var(--value) * 3);
}

.wd-dialog .b24-form-sign {
    display: none;
}

.wd-dialog .b24-form-field {
    margin-bottom: calc(var(--value) * 2);
}

.wd-dialog .b24-form-control-container {
    margin-bottom: 0;
}

.wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text) .b24-form-control {
    padding: calc(var(--value) * 2) calc(var(--value) * 2) calc(var(--value) * 1.5);
    border-radius: calc(var(--value) * 3);
    height: auto;
    font-size: calc(var(--value) * 1.4);
    line-height: 171%;
}

.wd-dialog .b24-form-control-text .b24-form-control {
    min-height: calc(var(--value) * 8.5);
}

.wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text) .b24-form-control:focus {
    --b24-primary-color: rgb(var(--yellow8-RGB) / 75%);
}

.wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text) .b24-form-control-label {
    padding: 0 calc(var(--value) * 2);
    font-size: calc(var(--value) * 1.4);
    line-height: 171%;
}

.wd-dialog .b24-form-control-file .b24-form-control-label {
    font-size: calc(var(--value) * 1.4);
}

.wd-dialog .b24-form-control-select-label,
.wd-dialog .b24-form-control:focus + .b24-form-control-label,
.wd-dialog .b24-form-control-not-empty + .b24-form-control-label {
    top: -1px;
}

.wd-dialog .b24-form-control-required {
    color: var(--red);
}

.wd-dialog .b24-form-control-file {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.wd-dialog .b24-form-control-file-item {
    padding: 0;
    border: none;
    height: auto;
    color: #ffffff;
    background: none;
}

.wd-dialog .b24-form-control-file-item-name {
    padding: 0;
}

.wd-dialog .b24-form-control-file-item-name-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: calc(var(--value) * 1.4);
    line-height: 171%;
    color: #ffffff;
}

.wd-dialog .b24-form-control-file-item-remove:after,
.wd-dialog .b24-form-control-file-item-remove:before {
    background-color: var(--red);
}

.wd-dialog .b24-form-control-file-item-empty .b24-form-control {
    padding: 0 !important;
    border: none;
    color: var(--yellow);
    opacity: 1;
    background: none;
}

.wd-dialog .b24-form-control-file-item-empty .b24-form-control::before,
.wd-dialog .b24-form-control-file-item-empty .b24-form-control::after {
    display: none;
}

:is(.wd-dialog, .b24-window-mounts) .b24-form-btn {
    padding: calc(var(--value) * 2) calc(var(--value) * 3);
    border: 1px solid var(--yellow);
    border-radius: calc(var(--value) * 10);
    font-weight: 400;
    text-align: center;
    color: var(--yellow);
    background-color: transparent;
    cursor: pointer;
    transition: opacity, color, background, border 0.2s ease;
}

:is(.wd-dialog, .b24-window-mounts) .b24-form-btn:focus,
:is(.wd-dialog, .b24-window-mounts) .b24-form-btn:active,
:is(.wd-dialog, .b24-window-mounts) .b24-form-btn:hover {
    color: var(--black);
}

:is(.wd-dialog, .b24-window-mounts) .b24-form-btn:focus {
    border-color: rgb(var(--yellow8-RGB) / 75%);
    background-color: rgb(var(--yellow8-RGB) / 75%);
}

:is(.wd-dialog, .b24-window-mounts) .b24-form-btn:hover {
    border-color: var(--yellow);
    background-color: var(--yellow);
}

:is(.wd-dialog, .b24-window-mounts) .b24-form-btn:active {
    border-color: var(--yellow8);
    color: var(--black);
    background-color: var(--yellow8);
}

.wd-dialog .b24-form-control-agreement.b24-form-field {
    margin-bottom: 0;
}

.wd-dialog .b24-form-control-agreement input {
    width: 0;
    height: 0;
    opacity: 0;
}

.wd-dialog .b24-form-field-agreement .b24-form-control-desc {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--value) * 2.4) auto;
    gap: calc(var(--value) * 1.5);
    opacity: 1;
}

.wd-dialog .b24-form-control-desc::before,
.wd-dialog .b24-form-control-desc::after {
    box-sizing: border-box;
    content: "";
    cursor: pointer;
}

.wd-dialog .b24-form-control-desc::before {
    border: 1px solid var(--yellow10);
    border-radius: calc(var(--value) * 0.4);
    width: calc(var(--value) * 2.4);
    height: calc(var(--value) * 2.4);
}

.wd-dialog .b24-form-control-desc::after {
    position: absolute;
    top: calc(var(--value) * 0.7);
    left: calc(var(--value) * 0.5);
    width: calc(var(--value) * 1.3);
    height: calc(var(--value) * 1.1);
}

.wd-dialog .b24-form-control-agreement input:checked ~ .b24-form-control-desc::after {
    background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.674 0.858855C12.7581 0.930999 12.8273 1.01902 12.8774 1.1179C12.9276 1.21677 12.9577 1.32456 12.9662 1.4351C12.9746 1.54563 12.9612 1.65676 12.9267 1.76211C12.8922 1.86747 12.8373 1.96499 12.7651 2.0491L6.01509 9.9241C5.93941 10.0124 5.8463 10.0841 5.7416 10.1347C5.6369 10.1853 5.52287 10.2137 5.40667 10.2181C5.29047 10.2226 5.1746 10.2029 5.06635 10.1605C4.95809 10.118 4.85978 10.0536 4.77759 9.97135L0.840094 6.03385C0.686471 5.87465 0.601525 5.66148 0.603551 5.44025C0.605577 5.21902 0.694413 5.00744 0.850926 4.85107C1.00744 4.69471 1.2191 4.60607 1.44033 4.60425C1.66156 4.60244 1.87466 4.68758 2.03372 4.84135L5.32772 8.13423L11.4848 0.951105C11.6305 0.781438 11.8376 0.676537 12.0605 0.659451C12.2835 0.642364 12.5041 0.713365 12.674 0.858855Z' fill='%23FFDE59' /%3E%3C/svg%3E") center/contain no-repeat;
}

.wd-dialog .b24-form-field-agreement .b24-form-field-agreement-link {
    font-size: calc(var(--value) * 1.2);
    line-height: 167%;
    color: #ffffff;
}

.wd-dialog .b24-form-field-agreement-link::after {
    color: var(--red);
    content: "*";
}

.wd-dialog .b24-form-field-agreement .b24-form-control-required {
    display: none;
}
/* end form */

.b24-window-mounts .b24-form-btn-white {
    border-color: rgb(255 255 255 / 20%);
    color: var(--black5);
}

.b24-window-mounts .b24-form-btn-white:focus {
    border-color: rgb(var(--yellow-RGB) / 75%);
    color: rgb(var(--yellow-RGB) / 75%);
    background-color: transparent;
}

.b24-window-mounts .b24-form-btn-white:hover {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

.b24-window-mounts .b24-form-btn-white:active {
    border-color: var(--yellow);
    color: var(--yellow);
    background-color: transparent;
}

.b24-window-popup-title,
.b24-window-popup-body {
    --b24-text-color: #ffffff;
}

@media (min-width: 768px) {
    .wd-dialog .b24-form-padding-side {
        padding: calc(var(--value) * 3) calc(var(--value) * 6) calc(var(--value) * 6);
    }

    .wd-dialog .b24-form-field {
        margin-bottom: calc(var(--value) * 3);
    }

    .wd-dialog .b24-form-control-file-item-name-text {
        font-size: calc(var(--value) * 1.6);
        line-height: 162%;
    }

    .wd-dialog .b24-form-field-agreement .b24-form-field-agreement-link {
        font-size: calc(var(--value) * 1.5);
    }

    .wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text) .b24-form-control,
    .wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text, .b24-form-control-file) .b24-form-control-label {
        font-size: calc(var(--value) * 1.6);
        line-height: 162%;
    }

    /* dialog for gallery */
    .wd-dialog-gallery-container {
        padding-right: calc(var(--value) * 9.4);
        padding-left: calc(var(--value) * 9.4);
    }
}

@media (min-width: 1200px) {
    .wd-dialog-close {
        top: calc(var(--value)* 2.7);
        right: calc(var(--value)* 2.7);
    }
}

@media (min-width: 1700px) {
    .wd-dialog-close {
        top: calc(var(--value)* 5);
        right: calc(var(--value)* 5);
    }

    .wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text) .b24-form-control,
    .wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text, .b24-form-control-file) .b24-form-control-label,
    .wd-dialog .b24-form-control-file-item-name-text {
        font-size: calc(var(--value) * 1.8);
        line-height: 156%;
    }

    .wd-dialog .b24-form-field-agreement .b24-form-field-agreement-link {
        font-size: calc(var(--value) * 1.6);
        line-height: 150%;
    }

    .wd-dialog :is(.b24-form-control-string, .b24-form-control-list, .b24-form-control-text) .b24-form-control {
        padding-top: calc(var(--value) * 3);
    }
}

/* End */
/* /local/templates/wehive.digital/components/bitrix/news.detail/wd_detail/style.css?17847566307183 */
/* /local/css/navigation.css?17343316257253 */
/* /local/components/ithive/element.hl.list/templates/forms/style.css?173433162512761 */