/* Entry preview deck: the Chronology turntable (curator_chronology.css) at the
   head of the notes sheet, on the right. Records for the entry's other albums
   wait beside it; what's on the deck is named on the left. */
.curator-entry-sheet-head {
    display: flex;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    min-height: 104px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.curator-entry-sheet-head[hidden] { display: none; }

.curator-entry-deck { flex: none; margin-left: auto; }
.curator-entry-deck .curator-chronology-deck {
    --s: 72px;
    position: relative;
    bottom: auto;
    width: auto;
    margin: 0;
}
/* The server says how many records will wait, so their room is there from the first frame. */
.curator-entry-deck[data-waiting="0"] .curator-chronology-deck { --candidate-left: 0px; }
.curator-entry-deck[data-waiting="2"] .curator-chronology-deck { --candidate-left: calc(var(--s) * -1.68); }
.curator-entry-deck[data-waiting="3"] .curator-chronology-deck { --candidate-left: calc(var(--s) * -2.52); }
/* Waiting records slide along their row when one leaves it for the deck. */
.curator-entry-deck .curator-chronology-turntable { transition: margin-left 320ms cubic-bezier(0.2, 0.7, 0.2, 1); }
.curator-entry-deck .curator-chronology-candidate {
    transition: opacity 320ms cubic-bezier(0.2, 0, 0.2, 1), transform 320ms cubic-bezier(0.2, 0.7, 0.2, 1), left 320ms cubic-bezier(0.2, 0.7, 0.2, 1), visibility 0s linear 320ms;
}
.curator-entry-deck .curator-chronology-candidate.is-present {
    transition: opacity 320ms cubic-bezier(0.2, 0, 0.2, 1), transform 320ms cubic-bezier(0.2, 0.7, 0.2, 1), left 320ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.curator-entry-deck .curator-chronology-candidate.is-mounting {
    transition: transform 480ms cubic-bezier(0.35, 0.05, 0.2, 1);
}
/* Once its record has landed, the carried copy leaves at once rather than
   sliding back off the platter. */
.curator-entry-deck .curator-chronology-candidate.is-settling { transition: none !important; }

/* What's on the deck: the shared track lines (curator_chronology.css), in the entry's inks. */
.curator-entry-sheet-head { --deck-ink: var(--entry-ink); --deck-muted: var(--entry-muted); }

/* Brief feedback printed on the empty platter, over the spindle and under the arm. */
.curator-entry-deck-message {
    z-index: 6;
    left: calc(var(--s) * 0.11);
    top: calc(var(--s) * 0.16);
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: calc(var(--s) * 0.78);
    height: calc(var(--s) * 0.78);
    padding: 0 calc(var(--s) * 0.06);
    border-radius: 50%;
    background: var(--deck-platter);
    color: var(--entry-muted);
    font: 400 10px/1.15 var(--rh-sans);
    letter-spacing: -0.02em;
    text-align: center;
    text-wrap: balance;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
.curator-entry-deck-message.is-visible { opacity: 1; }

@media (min-width: 1101px) {
    .curator-entry-sheet-head { width: min(100%, 680px); margin: 0 auto 0.5rem; }
    .curator-entry-deck .curator-chronology-deck { --s: 84px; }
}

@media (prefers-reduced-motion: reduce) {
    .curator-entry-deck .curator-chronology-turntable,
    .curator-entry-deck .curator-chronology-candidate,
    .curator-entry-deck-message { transition: none; }
}