document-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 2rem;

    > * {
        display: flex;
        gap: 0.5rem;
    }

    placeholder::before {
        content: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cstyle%3E.spinner_S1WN%7Banimation%3Aspinner_MGfb%20.8s%20linear%20infinite%3Banimation-delay%3A-.8s%7D.spinner_Km9P%7Banimation-delay%3A-.65s%7D.spinner_JApP%7Banimation-delay%3A-.5s%7D%40keyframes%20spinner_MGfb%7B93.75%25%2C100%25%7Bopacity%3A.2%7D%7D%3C%2Fstyle%3E%3Ccircle%20class%3D%22spinner_S1WN%22%20cx%3D%224%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20class%3D%22spinner_S1WN%20spinner_Km9P%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20class%3D%22spinner_S1WN%20spinner_JApP%22%20cx%3D%2220%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E");
    }
}