.article-pDWUWIxC {
    margin: -1px -12px;
    padding: 13px 12px
}

@media screen and (min-width:1280px) {
    .article-pDWUWIxC {
        border-radius: 8px;
        column-gap: var(--grid-col-gap);
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(var(--grid-item-min-width), 1fr));
        grid-template-rows: repeat(auto-fill, 48px);
        margin: -1px -20px;
        padding: 1px 20px;
        row-gap: var(--grid-row-gap)
    }
}

@media screen and (min-width:568px) {
    .article-pDWUWIxC .container-pDWUWIxC {
        grid-template-areas: "header preview" "title preview"
    }
}

@media screen and (min-width:768px) {
    .article-pDWUWIxC .container-pDWUWIxC {
        grid-template-columns: 1fr 60px
    }
}

@media screen and (min-width:1280px) {
    .article-pDWUWIxC .container-pDWUWIxC {
        align-items: center;
        column-gap: 0;
        display: grid;
        grid-template-areas: "date symbols title provider";
        grid-template-columns: 113px 87px auto 1fr
    }
    .card-pDWUWIxC {
        display: grid
    }
    .header-pDWUWIxC {
        display: contents
    }
    .title-pDWUWIxC {
        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);
        margin-right: 0;
        overflow: hidden;
        padding: 10px 0 11px 12px;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .title-pDWUWIxC>* {
        margin-bottom: 0
    }
}

.preview-pDWUWIxC {
    align-self: center
}

@media screen and (min-width:1280px) {
    .preview-pDWUWIxC {
        display: none
    }
    .date-pDWUWIxC {
        grid-area: date;
        margin: 0;
        padding: 10px 12px 10px 0
    }
    .date-pDWUWIxC:after {
        display: none
    }
    .logo-pDWUWIxC {
        grid-area: symbols;
        margin: 0 auto 0 0;
        padding: 0 12px
    }
    .provider-pDWUWIxC {
        display: flex;
        grid-area: provider;
        margin-left: auto;
        padding: 10px 0 11px 12px;
        white-space: nowrap
    }
}

.loadingSection-uC1en56I {
    margin: 24px auto 0;
    width: 100%
}

@media screen and (min-width:480px) {
    .loadingSection-uC1en56I {
        min-width: 344px
    }
}

@media screen and (min-width:768px) {
    .loadingSection-uC1en56I {
        margin-top: 32px
    }
}

.newStoriesButton-uC1en56I {
    animation: button-in-uC1en56I .2s ease-out forwards;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    position: sticky;
    transform: translateY(24px);
    z-index: 3
}

@media screen and (min-width:768px) {
    .newStoriesButton-uC1en56I {
        margin-top: -64px;
        transform: translateY(0)
    }
}

.newStoriesButton-uC1en56I.hidden-uC1en56I {
    animation: button-out-uC1en56I .2s ease-out forwards
}

@keyframes button-in-uC1en56I {
    0% {
        top: 0
    }
    to {
        top: 64px
    }
}

@media screen and (min-width:568px) {
    @keyframes button-in-uC1en56I {
        0% {
            top: 0
        }
        to {
            top: 80px
        }
    }
}

@keyframes button-out-uC1en56I {
    0% {
        top: 64px
    }
    to {
        top: 0
    }
}

@media screen and (min-width:568px) {
    @keyframes button-out-uC1en56I {
        0% {
            top: 80px
        }
        to {
            top: 0
        }
    }
}