.blog_card {
    position: relative;
    display: block;
    min-width: 0;
    background: #ffffff;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
}

.blog_card,
.blog_card * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
}


.blog_card__link {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    padding: 22px;
    color: #111111;
    text-decoration: none;
    transition: filter .18s ease, opacity .18s ease;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}


.blog_card__link:hover,
.blog_card__link:focus {
    color: #111111;
    text-decoration: none;
}

.blog_card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #f1f1f1;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.blog_card_std .blog_card__media {
    border-radius: 10px;
}

.blog_card_small .blog_card__media {
    border-radius: 5px;
}

.blog_card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

.blog_card__placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f2f2f2, #e4e4e4);
}

.blog_card__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
    padding-top: 14px;
}

.blog_card__title {
    display: block;
    color: #111111;
    font-size: 22px;
    font-weight: 760;
    line-height: 1.18;
    letter-spacing: -.018em;
}

.blog_card__meta {
    display: flex;
    align-items: center;
    margin-top: auto;
    padding-top: 28px;
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}

.blog_card__meta_left {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog_card__category,
.blog_card__date,
.blog_card__separator,
.blog_card__author {
    color: #666666;
}

.blog_card__author {
    white-space: nowrap;
}

.blog_card__link:hover .blog_card__title,
.blog_card__link:focus .blog_card__title {
    color: #2962f9;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blog_card__link:hover .blog_card__image,
.blog_card__link:focus .blog_card__image {
    transform: scale(1.025);
}

.blog_card__badges {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 3;
}

.blog_card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 28px;
    padding: 0 9px;
    background: rgba(17, 17, 17, .72);
    backdrop-filter: blur(6px);
    color: #ffffff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
}

.blog_card__badge_icon {
    display: block;
    width: 14px;
    height: 14px;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 14px 14px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 14px 14px;
}

.blog_card__badge_comments .blog_card__badge_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 5.5h14v10H9l-4 3v-13Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 5.5h14v10H9l-4 3v-13Z'/%3E%3C/svg%3E");
}

.blog_card__badge_likes .blog_card__badge_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7.5 21H4.5V10H7.5V21Z M7.5 10L12 3.8C12.7 2.8 14.2 3.3 14.2 4.5V9H19C20.2 9 21 10.1 20.7 11.2L18.7 18.7C18.4 20.1 17.2 21 15.8 21H7.5V10Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7.5 21H4.5V10H7.5V21Z M7.5 10L12 3.8C12.7 2.8 14.2 3.3 14.2 4.5V9H19C20.2 9 21 10.1 20.7 11.2L18.7 18.7C18.4 20.1 17.2 21 15.8 21H7.5V10Z'/%3E%3C/svg%3E");
}

.blog_card_large {
    grid-column: span 2;
    min-height: 390px;
    background: #111111;
}

.blog_card_large .blog_card__link {
    position: relative;
    min-height: 390px;
    padding: 0;
    overflow: hidden;
}

.blog_card_large .blog_card__media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    background: #111111;
    border-radius: 0;
}

.blog_card_large .blog_card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .06), rgba(0, 0, 0, .74));
    z-index: 1;
}

.blog_card_large .blog_card__image {
    position: absolute;
    inset: 0;
}

.blog_card_large .blog_card__badges {
    z-index: 4;
}

.blog_card_large .blog_card__body {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 0;
    padding: 34px;
    color: #ffffff;
}

.blog_card_large .blog_card__title {
    color: #ffffff;
    font-size: 22px;
}

.blog_card_large .blog_card__meta,
.blog_card_large .blog_card__category,
.blog_card_large .blog_card__date,
.blog_card_large .blog_card__separator,
.blog_card_large .blog_card__author {
    color: #ffffff;
}

.blog_card_large .blog_card__link:hover .blog_card__title,
.blog_card_large .blog_card__link:focus .blog_card__title {
    color: #ffffff;
}

.blog_card_small .blog_card__link {
    padding: 20px;
}

.blog_card_small .blog_card__media {
    aspect-ratio: 4 / 3;
}

.blog_card__actions {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(17, 17, 17, .12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, visibility .18s ease;
}

.blog_card__actions_menu {
    display: flex;
    flex-direction: column;
    min-width: 220px;
    padding: 8px;
    background: #ffffff;
    color: #111111;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 18px;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.blog_card__actions_menu:focus {
    outline: none;
}

.blog_card__actions_menu:focus-visible {
    outline: 2px solid rgba(237, 94, 48, .32);
    outline-offset: 3px;
}

.blog_card__actions,
.blog_card__actions_menu,
.blog_card__action {
    touch-action: manipulation;
}

.blog_card__action {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    background: transparent;
    border: 0;
    border-radius: 12px;
    color: #111111;
    font: inherit;
    font-size: 14px;
    font-weight: 520;
    line-height: 1;
    text-align: left;
    cursor: pointer;
}

.blog_card__action:hover,
.blog_card__action:focus {
    background: #f3f3f3;
    outline: none;
}

.blog_card__action_icon {
    display: block;
    width: 18px;
    height: 18px;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 18px 18px;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 18px 18px;
    flex: 0 0 18px;
}

.blog_card__action_like .blog_card__action_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7.5 21H4.5V10H7.5V21Z M7.5 10L12 3.8C12.7 2.8 14.2 3.3 14.2 4.5V9H19C20.2 9 21 10.1 20.7 11.2L18.7 18.7C18.4 20.1 17.2 21 15.8 21H7.5V10Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7.5 21H4.5V10H7.5V21Z M7.5 10L12 3.8C12.7 2.8 14.2 3.3 14.2 4.5V9H19C20.2 9 21 10.1 20.7 11.2L18.7 18.7C18.4 20.1 17.2 21 15.8 21H7.5V10Z'/%3E%3C/svg%3E");
}

.blog_card__action_bookmark .blog_card__action_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 4.5h10v15l-5-3-5 3v-15Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 4.5h10v15l-5-3-5 3v-15Z'/%3E%3C/svg%3E");
}

.blog_card__action_share .blog_card__action_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M17.5 4a3.5 3.5 0 1 1-2.95 5.39L9.28 12l5.27 2.61A3.5 3.5 0 1 1 13.7 16.4L8.42 13.78a3.5 3.5 0 1 1 0-3.56L13.7 7.6A3.5 3.5 0 0 1 17.5 4Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM6.5 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M17.5 4a3.5 3.5 0 1 1-2.95 5.39L9.28 12l5.27 2.61A3.5 3.5 0 1 1 13.7 16.4L8.42 13.78a3.5 3.5 0 1 1 0-3.56L13.7 7.6A3.5 3.5 0 0 1 17.5 4Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM6.5 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E");
}

.blog_card__action_report .blog_card__action_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 4.5v9 M12 18.5h.01 M4.8 20h14.4L12 4 4.8 20Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 4.5v9 M12 18.5h.01 M4.8 20h14.4L12 4 4.8 20Z'/%3E%3C/svg%3E");
}

.blog_card_action_open .blog_card__link {
    filter: blur(4px);
    opacity: .72;
    pointer-events: none;
}

.blog_card_action_open .blog_card__link:focus {
    outline: none;
}

.blog_card_action_open .blog_card__actions {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

@media (max-width: 1100px) {
    .blog_card_large {
        grid-column: span 2;
    }
}

@media (max-width: 867.99px) {
    .blog_card {
        border-right: 0;
    }

    .blog_card__link {
        padding: 20px;
    }

    .blog_card__title,
    .blog_card_large .blog_card__title {
        font-size: 22px;
        line-height: 1.18;
    }

    .blog_card__meta {
        padding-top: 22px;
    }

    .blog_card_large {
        grid-column: auto;
        min-height: 360px;
    }

    .blog_card_large .blog_card__link {
        min-height: 360px;
    }

    .blog_card_large .blog_card__body {
        padding: 24px;
    }

    .blog_card__actions_menu {
        min-width: 216px;
        border-radius: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .blog_card__image,
    .blog_card__link,
    .blog_card__actions {
        transition: none;
    }

    .blog_card__link:hover .blog_card__image,
    .blog_card__link:focus .blog_card__image {
        transform: none;
    }
}

.blog_card__menu_toggle {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(17, 17, 17, .72);
    color: #ffffff;
    backdrop-filter: blur(8px);
    cursor: pointer;
}

.blog_card__menu_toggle span,
.blog_card__menu_toggle::before,
.blog_card__menu_toggle::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: currentColor;
}

.blog_card__menu_toggle span {
    margin: 0 4px;
}

.blog_card__menu_toggle:focus-visible {
    outline: 2px solid rgba(237, 94, 48, .42);
    outline-offset: 3px;
}

.blog_card__actions[hidden] {
    display: none;
}

.blog_card__actions {
    position: absolute;
    inset: auto 12px auto auto;
    top: 58px;
    z-index: 12;
    display: block;
    width: auto;
    padding: 0;
    background: transparent;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.blog_card__actions_menu {
    min-width: 220px;
}

.blog_card_action_open .blog_card__link {
    filter: none;
    opacity: 1;
    pointer-events: auto;
}

.blog_card__badge_bookmarks .blog_card__badge_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 4.5h10v15l-5-3-5 3v-15Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 4.5h10v15l-5-3-5 3v-15Z'/%3E%3C/svg%3E");
}

.blog_card__badge_shares .blog_card__badge_icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M17.5 4a3.5 3.5 0 1 1-2.95 5.39L9.28 12l5.27 2.61A3.5 3.5 0 1 1 13.7 16.4L8.42 13.78a3.5 3.5 0 1 1 0-3.56L13.7 7.6A3.5 3.5 0 0 1 17.5 4Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM6.5 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M17.5 4a3.5 3.5 0 1 1-2.95 5.39L9.28 12l5.27 2.61A3.5 3.5 0 1 1 13.7 16.4L8.42 13.78a3.5 3.5 0 1 1 0-3.56L13.7 7.6A3.5 3.5 0 0 1 17.5 4Zm0 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM6.5 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm11 4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E");
}