/*------------------
    Всплывающие формы (.modal: base/modals.tpl, base/subscribe.tpl) — постоянный крестик закрытия.
    Стандартный крестик Fancybox 5 прячется при бездействии мыши, поэтому скрыт и заменён своим (js/modals.js).
------------------*/
.modal .modal_close
{
    position: absolute;
    z-index: 5;
    top: 24px;
    right: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;
    padding: 0;

    cursor: pointer;
    transition: background .2s, color .2s, transform .2s;

    color: #6d7995;
    border: 0;
    border-radius: 50%;
    background: #ecf2ff;
}

.modal .modal_close:hover,
.modal .modal_close:focus-visible
{
    transform: rotate(90deg);

    color: #fff;
    background: #6d7995;
}

.modal .modal_close svg
{
    width: 22px;
    height: 22px;

    pointer-events: none;

    fill: currentColor;
}

.modal > .f-button.is-close-btn
{
    display: none !important;
}


@media (max-width: 767px)
{
    .modal .modal_close
    {
        top: 12px;
        right: 12px;

        width: 40px;
        height: 40px;
    }
}