// with summary and cards, we have a height of 220px, we might want to default to 220px and let it grow from there to help with virtualization

.download {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 55px;
    left: 20px;
}

.progress-banner {
    height: 5px;

    .progress {
        color: var(--card-progress-bar-color);
        background-color: transparent;
    }
}

.list-item-container {
    background: var(--card-list-item-bg-color);
    border-radius: 5px;
    position: relative;
}

.not-read-badge {
    position: absolute;
    top: 8px;
    left: 110px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 var(--card-progress-triangle-size) var(--card-progress-triangle-size) 0;
    border-color: transparent var(--primary-color) transparent transparent;
}

.subtitle-with-actionables {
    font-size: 0.75rem;
    word-break: break-all;
 }
