#scroll-trigger {
    height: 1px;
    background: transparent;
}
.grid-sizer,
.grid-item {
    width: 300px;
}
.grid-item {
    margin-bottom: 16px;
}
.tweet {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 1rem;
    font-family: 'Noto Sans JP', sans-serif;
}
.tweet .user-info {
    display: flex;
    align-items: center;
}
.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 0.75rem;
}
.tweet .name {
    font-weight: bold;
}
.tweet .x-id {
    color: gray;
    margin-left: 0.25rem;
}
.tweet .content {
    margin-top: 0.75rem;
    white-space: pre-wrap;
}
.tweet .timestamp {
    color: gray;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}
.tweet .actions {
    display: flex;
    justify-content: space-around;
    margin-top: 0.75rem;
    color: gray;
}
.tweet .actions i {
    cursor: pointer;
}
.tweet .actions i:hover {
    color: #1da1f2;
}