body {
    display: flex;
    justify-content: center;
    background-color: #23221d;
    color: antiquewhite;
    font-family: monospace;
    font-size: 1.2rem;
}

div.playlist-content {
    margin: 1rem 0 1rem 0;
}

table.playlist-table {
    background-color: black;
    color: lightgoldenrodyellow;
    /* color: #faebd7; */
    font-family: monospace;
    font-size: 1.25rem;
    padding: 4px;
}

table.playlist-table tr.playlist-odd-row {
    background-color: black;
}

table.playlist-table tr.playlist-even-row {
    background-color: black;
}

table.playlist-table tr.playlist-archive-row td {
    background-color: #c572090a;
}

table.playlist-table tr.playlist-archive-row td.playlist-position-archived-cell {
    background-color: black;
}

table.playlist-table td.playlist-title-row {
    background-color: #080e0b;
    border: solid 1px #874d07;
    border-width: 1px 0 1px 0;
    text-align: center;
    /* color: #41cda7; */
    color: #64daba;
}

table.playlist-table td.archive-title-row {
    background-color: #09252a;
    border: solid 1px #bb8504;
    border-width: 1px 0 1px 0;
    text-align: center;
}

table.playlist-table td.playlist-title-row div.playlist-title {
    font-size: 1.5rem;
}

table.playlist-table td.archive-title-row span.archive-title {
    font-size: 1.3rem;
    /* color: #f1b72f; */
    /* color: #ffb609; */
    /* color: #a5e1df */
    color: #3fe0db;
}

table.playlist-table td.playlist-title-row div.playlist-subtitle {
    font-size: 0.7rem;
    font-style: italic;
    color: #58ceae;
}

table.playlist-table td.archive-title-row div.archive-subtitle {
    font-size: 0.7rem;
    font-style: italic;
    color: #2aa39f;
}


table.playlist-table tr.playlist-header-row td.playlist-header-cell {
    border: none;
    padding: 2px;
}

table.playlist-table tr.playlist-header-row td.playlist-header-cell div.playlist-header {
    background-color: #b13103; /* #a54e06; */
    border-radius: 2px;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9rem;
    padding: 0px 0.5rem;
    color: #c0ffee
}

table.playlist-table td {
    border: solid;
    border-color: #d97700;
    border-width: 2px 0 0 0;
    padding: 4px;
}

table.playlist-table tr.playlist-even-row td {
    border-color: #d96200;
}

table.playlist-table tr.playlist-odd-row td {
    border-color: #b15e39;
}


table.playlist-table tr.first-row td {
    border: none;
}

table.playlist-table ::-webkit-textfield-decoration-container.playlist-track-position-cell {
    width: 5rem;
}

table.playlist-table td.playlist-track-position-cell div.playlist-position-indicator-div {
    border-radius: 40%;
    width: 2rem;
    line-height: 2rem;
    margin: auto;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

table.playlist-table tr.playlist-even-row td.playlist-track-position-cell div.playlist-position-indicator-div {
    background-color: #00275d;
}

table.playlist-table tr.playlist-odd-row td.playlist-track-position-cell div.playlist-position-indicator-div {
    background-color: #332f68;
}

table.playlist-table td.playlist-track-position-cell.playlist-position-archived-cell {
    font-size: 0.5rem;
    text-align: center;
}

table.playlist-table td.playlist-track-position-cell div.playlist-archived-indicator-div {
    background-color: #871c00;
    /* border-radius: 4px; */
    transform: rotate(-45deg);
    padding: 0.1rem;
}

table.playlist-table td.playlist-username-cell {
    width: 7.25rem;
    font-size: 0.75rem;
    word-break: break-word;
    text-align: center;
}

table.playlist-table td.playlist-track-cell {
    width: 20rem;
}

table.playlist-table td.playlist-artist-cell {
    width: 20rem;
}

table.playlist-table td.playlist-added-date-cell {
    width: 7.25rem;
    font-size: 0.75rem;
    text-align: center;
}

table.playlist-table user {
    background-color: #23221d;
}

table.playlist-table a:link {
    text-decoration: none;
    color: inherit;
}

table.playlist-table a:visited {
    text-decoration: none;
    color: inherit;
}

table.playlist-table a:hover {
    text-decoration: none;
    color: #c5a074;
}

table.playlist-table a:active {
    text-decoration: none;
    color: orange;
}

table.playlist-table a.anchor-only {
    text-decoration: none;
    color: inherit;
}

div.timestamp-caption {
    margin: auto;
    font-size: 0.75rem;
    font-family: monospace;
    font-style: italic;
    color: #41cda7;
    max-width: fit-content;
    padding: 0.5rem 0 1.5rem 0;
}