.card{flex:0 0 calc(25% - 18px);min-width:220px;height:340px;position:relative;border-radius:4px;overflow:hidden;background:#ddd;cursor:pointer}.card img{width:100%;height:100%;object-fit:cover;display:block}.card-label{position:absolute;left:0;right:0;bottom:0;background:rgba(20,20,20,.88);color:#fff;padding:16px 18px;transition:padding .25s ease;overflow:hidden}.card-label .label-top{display:flex;align-items:flex-start;justify-content:space-between;font-size:13px;font-weight:700;line-height:1.25}.card-label .arrow-icon{width:18px;height:18px;flex-shrink:0;margin-left:10px;margin-top:4px}.card-details{max-height:0;opacity:0;transition:max-height .3s ease,opacity .25s ease,margin-top .3s ease;margin-top:0}.card:hover .card-label{padding-bottom:18px}.card:hover .card-details{max-height:160px;opacity:1;margin-top:14px}.detail-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:400;padding:9px 0;border-top:1px solid rgba(255,255,255,.18);color:#e6e6e6}.detail-row .value{font-weight:700;color:#fff}@media (max-width:900px){.card{flex:0 0 calc(50% - 12px)}}@media (max-width:560px){.card{flex:0 0 100%}}