.rn-news-panel {
    position:fixed;

    top:76px;
    right:12px;

    width:350px;
    max-height:46vh;

    z-index:820;

    display:flex;
    flex-direction:column;

    border-radius:11px;

    background:
        rgba(10,20,29,.94);

    border:
        1px solid
        rgba(255,255,255,.11);

    box-shadow:
        0 8px 26px
        rgba(0,0,0,.22);

    backdrop-filter:
        blur(7px);

    overflow:hidden;

    color:#e8eef3;
}


.rn-news-header {
    flex:0 0 auto;

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

    padding:11px 12px 10px;

    border-bottom:
        1px solid
        rgba(255,255,255,.08);
}


.rn-news-header strong {
    display:block;

    margin-top:1px;

    font-size:14px;
    font-weight:750;
}


.rn-news-kicker {
    font-size:8px;
    font-weight:800;

    letter-spacing:.13em;

    color:#7f94a4;
}


#rnNewsToggle {
    width:28px;
    height:28px;

    border:0;
    border-radius:6px;

    background:
        rgba(255,255,255,.06);

    color:#b9c7d1;

    cursor:pointer;

    font-size:17px;
    line-height:1;
}


.rn-news-list {
    overflow-y:auto;

    scrollbar-width:thin;
}


.rn-news-item {
    display:block;

    padding:10px 12px;

    color:inherit;

    text-decoration:none;

    border-bottom:
        1px solid
        rgba(255,255,255,.065);

    transition:
        background .12s ease;
}


.rn-news-item:hover {
    background:
        rgba(255,255,255,.045);
}


.rn-news-top {
    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:8px;

    margin-bottom:5px;
}


.rn-news-top time {
    color:#708493;

    font-size:9px;
}


.rn-news-source {
    display:inline-flex;
    align-items:center;

    min-height:17px;

    padding:0 5px;

    border-radius:4px;

    font-size:8px;
    line-height:17px;

    font-weight:850;

    letter-spacing:.05em;
}


.rn-news-source-rcb {
    color:#ff8a93;

    background:
        rgba(220,53,69,.14);

    border:
        1px solid
        rgba(220,53,69,.28);
}


.rn-news-source-dorsz {
    color:#ffba65;

    background:
        rgba(217,119,6,.14);

    border:
        1px solid
        rgba(217,119,6,.30);
}


.rn-news-source-media {
    color:#75bff0;

    background:
        rgba(22,135,201,.14);

    border:
        1px solid
        rgba(22,135,201,.28);
}


.rn-news-via {
    margin-left:5px;

    color:#778b9b;

    font-size:8px;
}


.rn-news-title {
    font-size:11px;
    line-height:1.38;

    font-weight:600;

    color:#dce6ed;
}


.rn-news-meta {
    flex:0 0 auto;

    display:flex;
    justify-content:space-between;
    gap:8px;

    padding:7px 10px;

    font-size:7px;
    line-height:1.3;

    color:#607584;

    background:
        rgba(0,0,0,.14);
}


.rn-news-loading,
.rn-news-empty {
    padding:18px 12px;

    color:#718695;

    font-size:10px;

    text-align:center;
}


.rn-news-panel.collapsed {
    max-height:48px;
}


.rn-news-panel.collapsed
.rn-news-list,
.rn-news-panel.collapsed
.rn-news-meta {
    display:none;
}


@media (max-width: 850px) {

    .rn-news-panel {
        width:
            min(
                330px,
                calc(100vw - 24px)
            );

        max-height:34vh;
    }

}