.song-queue-table[data-v-e8ae8a0b]{display:grid;gap:10px}.song-queue-header[data-v-e8ae8a0b],.song-row[data-v-e8ae8a0b]{align-items:center;display:grid;gap:10px;grid-template-columns:34px 82px minmax(220px,1fr) 120px 170px 112px}.song-queue-header.public[data-v-e8ae8a0b],.song-row.public[data-v-e8ae8a0b]{grid-template-columns:34px 82px minmax(220px,1fr) 120px 170px}.song-queue-header[data-v-e8ae8a0b]{background:rgba(var(--v-theme-light-background),.72);color:rgb(var(--v-theme-on-surface-muted));font-size:12px;font-weight:800;text-transform:uppercase}.song-queue-header[data-v-e8ae8a0b],.song-row[data-v-e8ae8a0b]{border:1px solid rgba(var(--v-border-color),var(--v-border-opacity));border-radius:8px;padding:10px 14px}.song-row[data-v-e8ae8a0b]{background:rgba(var(--v-theme-lighter-background),.72);color:rgb(var(--v-theme-on-surface));min-height:66px;transition:background-color .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease}.song-row[data-v-e8ae8a0b]:hover{background:rgba(var(--v-theme-primary),.08);border-color:rgba(var(--v-theme-primary),.28)}.song-row.draggable[data-v-e8ae8a0b]{cursor:grab}.song-row.dragging[data-v-e8ae8a0b]{opacity:.48}.song-row.drag-over[data-v-e8ae8a0b]{border-color:rgba(var(--v-theme-primary),.72);transform:translateY(-1px)}.drag-cell[data-v-e8ae8a0b],.queue-position[data-v-e8ae8a0b],.song-actions[data-v-e8ae8a0b],.song-duration[data-v-e8ae8a0b],.song-requester[data-v-e8ae8a0b]{align-items:center;display:inline-flex;gap:8px;min-width:0}.drag-cell[data-v-e8ae8a0b]{justify-content:center}.drag-handle[data-v-e8ae8a0b]{cursor:grab}.drag-handle[data-v-e8ae8a0b],.queue-position[data-v-e8ae8a0b]{color:rgb(var(--v-theme-on-surface-muted))}.queue-position[data-v-e8ae8a0b]{font-weight:900}.queue-position.live[data-v-e8ae8a0b]{color:rgb(var(--v-theme-primary))}.song-title-cell[data-v-e8ae8a0b]{display:grid;gap:3px;min-width:0}.song-title[data-v-e8ae8a0b]{color:rgb(var(--v-theme-on-surface));display:block;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-duration[data-v-e8ae8a0b],.song-requester[data-v-e8ae8a0b],.song-title-cell span[data-v-e8ae8a0b]{color:rgb(var(--v-theme-on-surface-muted));font-size:12px}.song-requester span[data-v-e8ae8a0b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-actions[data-v-e8ae8a0b]{justify-content:flex-end}.actions-heading[data-v-e8ae8a0b]{text-align:right}@media screen and (max-width:980px){.song-queue-header[data-v-e8ae8a0b]{display:none}.song-row[data-v-e8ae8a0b]{align-items:start;grid-template-areas:"drag title actions" "drag queue actions" "drag duration actions" "drag requester actions";grid-template-columns:28px minmax(0,1fr) auto}.drag-cell[data-v-e8ae8a0b]{grid-area:drag;padding-top:4px}.queue-position[data-v-e8ae8a0b]{grid-area:queue}.song-title-cell[data-v-e8ae8a0b]{grid-area:title}.song-duration[data-v-e8ae8a0b]{grid-area:duration}.song-requester[data-v-e8ae8a0b]{grid-area:requester}.song-actions[data-v-e8ae8a0b]{align-self:center;grid-area:actions}}@media screen and (max-width:620px){.song-row[data-v-e8ae8a0b]{grid-template-areas:"drag title" "drag queue" "drag duration" "drag requester" "actions actions";grid-template-columns:28px minmax(0,1fr)}.song-actions[data-v-e8ae8a0b]{justify-content:flex-start;padding-left:38px}}