.cr-card{border:1px solid rgba(var(--main-font-color-rgb), .08);box-shadow:0 4px 12px rgba(var(--main-font-color-rgb), .03);background-color:#fff;border-radius:.75rem;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.cr-card:hover{box-shadow:0 12px 24px rgba(var(--main-font-color-rgb), .08);transform:translateY(-4px)}.cr-card:hover .cr-card__preview{background-color:rgba(var(--primary-color-rgb), .06)}.cr-card:hover .cr-card__document-skeleton{transform:scale(1.03)}.cr-card__preview{border-bottom:1px solid rgba(var(--main-font-color-rgb), .05);background-color:#f4f4f3;justify-content:center;align-items:center;height:160px;transition:background-color .2s;display:flex}.cr-card__document-skeleton{border:1px solid rgba(var(--main-font-color-rgb), .15);background:#fff;border-radius:4px;flex-direction:column;gap:6px;width:70px;height:90px;padding:12px 8px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 8px #0000000d}.cr-card__line{background-color:rgba(var(--main-font-color-rgb), .15);border-radius:2px;height:4px}.cr-card__line--short{background-color:var(--primary-color);width:60%}.cr-card__badge{background-color:var(--danger-color);color:#fff;letter-spacing:.05em;border-radius:2px;padding:2px 4px;font-size:.6rem;font-weight:800;position:absolute;bottom:8px;right:8px}.cr-card__content{flex-direction:column;flex-grow:1;justify-content:space-between;gap:1.5rem;padding:1.5rem;display:flex}.cr-card__title{color:var(--main-font-color);text-transform:capitalize;margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}
.documents-page{width:100%;max-width:75rem;font-family:var(--font-jakarta-sans);flex-grow:1;margin:6rem auto 4rem;padding:0 1.5rem}.documents-page__header{text-align:center;margin-bottom:4rem}.documents-page__title{font-size:var(--page-title-font-size);color:var(--main-font-color);margin-bottom:.5rem}.documents-page__subtitle{color:rgba(var(--main-font-color-rgb), .7);font-size:1rem}.documents-page__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.documents-page__empty{font-family:var(--font-jakarta-sans);color:rgba(var(--main-font-color-rgb), .5);text-align:center;grid-column:1/-1;font-style:italic}