.card{background-color:var(--color-white);cursor:pointer;border-radius:1.5625rem;grid-template-rows:1fr auto;gap:1.25rem;min-height:30dvh;padding:1.875rem;transition-duration:.4s;transition-delay:50ms;transition-timing-function:cubic-bezier(.19,.63,0,.95);display:grid;box-shadow:.3125rem .625rem .75rem 0 #0000000f}.card:hover{transform:translateY(-.125rem)}.card-content{flex-direction:column;gap:.9375rem;min-width:0;display:flex}.card-content h5{text-align:left;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-content .description{color:var(--color-neutral-700);text-align:left;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;display:-webkit-box;overflow:hidden}.card-footer{flex-wrap:wrap;justify-content:space-between;place-items:end;gap:.625rem;width:100%;display:flex}.card-footer .progress{background-color:var(--color-neutral-200);border-radius:3.125rem;width:100%;height:.4375rem;display:flex}.card-footer .progress .tracker{background-color:var(--color-navy-pastel-200);border-radius:3.125rem;height:.4375rem}.card-footer.inProgress{place-items:center}.card-footer.locked .icon-button{background-color:var(--color-neutral-300);border-color:#0000}.card-footer.locked .icon-button:hover{border-color:#0000}.card-footer.locked .icon-button:hover span,.card-footer.locked .icon-button span{color:var(--color-white)}.card-footer.completed .icon-button{background-color:var(--color-navy-pastel-200);border-color:#0000}.card-footer .duration{place-items:center;gap:.625rem;display:flex}.card-footer .duration span{color:var(--color-black);aspect-ratio:1;font-size:1.875rem}