.document-cards{gap:var(--gap-sm);grid-template-columns:repeat(5,1fr);display:grid;position:relative;overflow:auto}.document-card{aspect-ratio:20/26;width:100%;height:100%;padding:var(--gap-sm);border-radius:var(--br-sm);border:1px solid var(--gray);margin:0;transition:border-color .35s;position:relative}.document-card:hover{border-color:var(--c7)}.document-card__preview{border-radius:var(--br-sm);background:var(--light);isolation:isolate;width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden}.document-card__preview:after{content:attr(data-title);z-index:2;color:#fff;min-height:30%;font-size:var(--fs-t2);text-align:center;pointer-events:none;background:linear-gradient(#14141400 0%,#141414e0 45%,#141414f5 100%);justify-content:center;align-items:center;padding:8px 4px;line-height:1.35;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.document-card__preview img{z-index:0;object-fit:cover;width:100%;height:100%;margin:0;padding:0;transition:transform .45s cubic-bezier(.22,1,.36,1);position:relative}.document-card:hover .document-card__preview:after{transform:translateY(0)}.document-card:hover .document-card__preview img{transform:scale(1.04)}@media screen and (max-width:992px){.document-cards{grid-template-columns:repeat(4,1fr)}.document-cards_scroll{width:calc(100% + 30px);margin:0 -15px;padding:0 15px 6px;display:flex;overflow:scroll}.document-card{flex:0 0 224px;width:224px}}@media screen and (max-width:768px){.document-cards{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:576px){.document-cards{grid-template-columns:repeat(2,1fr)}.document-cards_scroll{width:calc(100% + 24px);margin:0 -12px;padding:0 12px 6px}.document-card{padding:var(--gap-med)}}