.document{--fs:.9rem;--fw:500;--color:var(--p-color);--padding:var(--spacer);--bg-color:var(--gray);--bg-color-hover:#eee;--gap:calc(var(--spacer) / 2);--border-color:rgba(0,0,0,.05);--border-color-hover:var(--primary);display:inline-flex;flex-direction:column;position:relative;padding:var(--spacer);background-color:var(--bg-color);height:100%;gap:var(--gap);border-radius:var(--border-radius);border:1px solid var(--border-color);max-width:var(--max-width);text-align:left;transition:background var(--transition-duration) linear,border var(--transition-duration) linear}.document-caption{font-size:var(--fs);font-weight:var(--fw);color:var(--color)}.document:hover{border-color:var(--border-color-hover);background-color:var(--bg-color-hover);transition:background var(--transition-duration) linear,border var(--transition-duration) linear}.documents{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.documents>li{text-align:center}