.account-notifications-list-notification {
    display: flex;
    flex-wrap: wrap;
    padding: var(--space-tiny);
    margin: var(--space-standard);
}

.account-notifications-list-notification-unread .account-notifications-list-notification-message {
    font-weight: bold;
}

.account-notifications-list-notification-recent .account-notifications-list-notification-message {
    font-weight: bold;
}

.account-notifications-list-notification-read {
    color: var(--text-muted-color);
}

.account-notifications-list-notification-el {
    margin: 0 4px;
}

.account-notifications-list-notification-end {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    align-items: flex-end;
}

.account-notifications-settings-list .card-footer {
    display: flex;
    justify-content: flex-end;
}

.account-notifications-list {
    white-space: normal;
}

.account-notifications-list-actions {
    display: flex;
    justify-content: flex-end;
}

.account-notifications-list-action:first-child {
    margin-right: var(--space-small);
}

.account-notifications-settings-list-setting {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--space-standard);
    flex-wrap: wrap;
    align-items: center;
}

.account-notifications-settings-list-switch.no-highlight {
    color: var(--text-color);
}

.account-notifications-settings-list-name {
    font-weight: bold;
}

.account-notifications-settings-list-description {
    width: 100%;
}

.account-notifications-menu-container {
    width: 480px;
    max-width: 100vw;
    max-height: 75vh;
    display: flex;
    overflow-y: auto;
    justify-content: center;
}

.account-notifications-menu-loader {
    font-size: 2rem;
    align-self: center;
}

@media (max-width: 640px), (max-width: 834px) and (orientation: portrait) {
    .layout-root .account-notifications-list-notification {
        flex-direction: column;
    }
    .layout-root .account-notifications-menu-container {
        max-height: 100%;
    }
}