/* ============================================================
   RetroTechCollection Archive: Worker edition
   rtc.css is the theme exactly as it was on the Directory Lister
   install. This file only stands in for what Alpine.js did there:
   hiding elements until they are wanted, and fading them in.
   ============================================================ */

.rtc [hidden] {
    display: none !important;
}

/* x-transition:enter.opacity on the file info window and "Scroll to Top" */
.rtc-modal:not([hidden]),
.rtc-top:not([hidden]) {
    animation: rtc-fade-in 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* x-transition:enter on the dialog: fade and scale up from 95% */
.rtc-modal__dialog:not([hidden]) {
    animation: rtc-pop-in 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.rtc-modal__dialog:not([hidden]) ~ .rtc-modal__spinner {
    display: none;
}

@keyframes rtc-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes rtc-pop-in {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* Only shown when a search matches more names than one page lists. */
.rtc-listing__note {
    margin: 0;
    padding: 1rem clamp(0.85rem, 2vw, 1.35rem);
    border-top: 1px solid var(--line);
    font-family: var(--font-mono);
    font-size: 0.64rem;
    letter-spacing: 0.04em;
    color: var(--text-3);
}