.previewWrapper-fiV3cTWB {
    --ui-lib-image-card-preview-border-radius: 8px;
    order: 0
}

.block-bETdSLzM {
    display: inline
}

.badges-bETdSLzM {
    margin-bottom: 4px;
    margin-right: 8px;
    vertical-align: middle
}

.badgesSmall-bETdSLzM {
    margin-right: 4px
}

.icon-bETdSLzM {
    display: inline-flex;
    padding-left: 4px;
    vertical-align: text-bottom
}

@keyframes keyframes-highlight-animation-theme-light {
    0% {
        background: #0000
    }
    50% {
        background: #e3effd
    }
    to {
        background: #0000
    }
}

@keyframes keyframes-highlight-animation-theme-dark {
    0% {
        background: #0000
    }
    50% {
        background: #132042
    }
    to {
        background: #0000
    }
}

.card-rY32JioV {
    display: inline-flex;
    -webkit-user-select: none;
    user-select: none
}

.card-rY32JioV,
html.theme-dark .card-rY32JioV {
    background-color: initial
}

.card-rY32JioV {
    outline: none;
    overflow: visible;
    position: relative
}

.card-rY32JioV:focus {
    outline: none
}

.card-rY32JioV:focus-visible {
    outline: none
}

.card-rY32JioV:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 10px);
    left: -5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
    z-index: 1
}

.card-rY32JioV:focus:after {
    display: block
}

.card-rY32JioV:focus-visible:after {
    display: block
}

.card-rY32JioV:focus:not(:focus-visible):after {
    display: none
}

.card-rY32JioV:after {
    border-color: #2962ffcc;
    border-radius: 16px
}

.card-rY32JioV.highlight-rY32JioV {
    animation: keyframes-highlight-animation-theme-light .7s ease-in-out 2
}

.theme-dark .card-rY32JioV.highlight-rY32JioV {
    animation-name: keyframes-highlight-animation-theme-dark
}

.cardWithImage-rY32JioV .container-rY32JioV {
    column-gap: 8px;
    display: grid;
    grid-template-areas: "header header" "title preview";
    grid-template-columns: 1fr 72px
}

@media screen and (max-width:767px) {
    .cardWithImage-rY32JioV .container-rY32JioV {
        grid-template-areas: "header preview" "title preview"
    }
}

.header-rY32JioV {
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 18px;
    --ui-lib-typography-font-size: 14px;
    color: #6a6d78;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 400;
    grid-area: header;
    line-height: var(--ui-lib-typography-line-height);
    margin-bottom: 8px;
    min-height: 18px
}

html.theme-dark .header-rY32JioV {
    color: #868993
}

.title-rY32JioV {
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 24px;
    --ui-lib-typography-font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 500;
    grid-area: title;
    line-height: var(--ui-lib-typography-line-height)
}

.article-rY32JioV {
    color: #131722;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

html.theme-dark .article-rY32JioV {
    color: #d1d4dc
}

@media screen and (max-width:767px) {
    .article-rY32JioV {
        margin: -1px -12px;
        padding: 13px 12px
    }
}

@media (any-hover:hover) {
    .article-rY32JioV:hover {
        cursor: pointer
    }
}

.article-rY32JioV .container-rY32JioV .preview-rY32JioV {
    aspect-ratio: 1;
    grid-area: preview
}

@media screen and (max-width:767px) {
    .article-rY32JioV .container-rY32JioV .preview-rY32JioV {
        align-self: center
    }
}