.browser-notifications {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 5px;
}
.browser-notifications__item {
    position: relative;
    border: 1px solid var(--color-neutral-200);
    border-radius: 10px;
    padding: 7px 10px;
    background: #f9fbfc;
    overflow: hidden;
    transition: all .3s;
}
.browser-notifications__item_new {
    --new-notification-color: #198754;
    border-color: var(--new-notification-color);
    box-shadow: 0 0 2px 0 var(--new-notification-color);
}
.browser-notifications__date,
.browser-notifications__id {
    font-size: 0.8rem;
}
.browser-notifications__date,
.browser-notifications__id,
.browser-notifications__icon {
    color: var(--color-gray);
}
.browser-notifications__icon {
    line-height: 1;
}
.browser-notifications__partners {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.browser-notifications__separator {
    font-size: 0.5rem;
    color: #bbbbbb;
}
.browser-notifications__fio {
    display: block;
    color: inherit;
    text-decoration: none;
}