/* Shared card declarations belong in one cacheable asset, not every feed row. */
.memory-feed-card { position: relative; }
.memory-feed-card .memory-card-options {
    position: absolute;
    top: 12px;
    right: 26px;
    background: #757575;
    border-radius: 100%;
    display: flex;
    cursor: pointer;
    z-index: 2;
}
.memory-feed-card .memory-card-options-icon { color: white; font-size: 16px; padding: 2px; }
.memory-feed-card .memory-element-image { position: relative; }
.memory-feed-card .memory-element-thumbnail,
.memory-feed-card .memory-card-avatar-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.memory-feed-card .memory-card-avatar-image { border-radius: inherit; }
.memory-feed-card .memory-card-featured-star { font-size: 11px; }
.memory-feed-card .memory-card-copy { margin: auto 0; font-family: 'SFPROTEXT'; width: 100%; }
.memory-feed-card .memory-card-title {
    font-size: 20px;
    font-weight: 500;
    color: black;
    margin-bottom: 10px;
    word-break: break-word;
    display: flex;
    justify-content: space-between;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.memory-feed-card .memory-card-author { display: flex; width: 100%; }
.memory-feed-card .memory-username { width: 83%; }
.memory-feed-card .memory-card-mobile-title {
    word-break: break-word;
    display: flex;
    justify-content: space-between;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.memory-feed-card .memory-card-date { font-size: 12px; font-weight: normal; display: flex; margin-top: 3px; }
.memory-feed-card .memory-card-calendar { font-size: 12px; margin: auto 0; margin-right: 3px; }
.memory-feed-card .memory-card-date-label { margin: auto 0; }
.memory-feed-card .memory-liked { z-index: auto; flex-wrap: wrap; }
.memory-feed-card .memory-card-location,
.memory-feed-card .memory-card-actions { display: flex; align-items: center; }
.memory-feed-card .memory-card-location-icon { width: 20px; height: 20px; color: #757575; }
.memory-feed-card .memory-card-country { padding-left: 5px; font-size: 14px; color: #757575; }
.memory-feed-card .memory-card-action { display: flex; align-items: center; margin-right: 4px; }
.memory-feed-card .memory-card-actions .memory-action-button {
    font-size: 20px;
    color: #757575;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.memory-feed-card .memory-card-mark-count { padding-left: 5px; font-size: 14px; }
