ul#Messages li {
    display: grid;
    list-style: none;
    grid-template-columns: 0.5fr 2fr 0.5fr;
    gap: 0.33rem;
    grid-template-rows: auto;
    align-items: center;
    width: min(26.67rem, 100%);
    overflow-y: hidden;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 0.33rem;
    background-color: #ffffff;
    border: 0.0833rem solid #000000;
    border-radius: 0.33rem;
    padding: 0.67rem;
}

ul#Messages li.Dev {
    background-color: var(--hover-color);
}

ul#Messages li.Ticketer {
    background-color: var(--hover-color);
}

.Sender,
.Content,
.Timestamp {
    margin: 0;
}

.Sender {
    grid-column: 1;
}

.Content {
    overflow-y: auto;
    grid-column: 2;
}

.Timestamp {
    font-size: 0.67rem;
    grid-column: 3;
}