.card-list{grid-template-columns:repeat(auto-fit,minmax(200px,236px));grid-gap:15px;margin-bottom:30px}.card-batch--enter .card{animation:card-enter .4s ease-out both}.card-batch--enter .card:nth-child(1){animation-delay:.04s}.card-batch--enter .card:nth-child(2){animation-delay:.08s}.card-batch--enter .card:nth-child(3){animation-delay:.12s}.card-batch--enter .card:nth-child(4){animation-delay:.16s}.card-batch--enter .card:nth-child(5){animation-delay:.2s}.card-batch--enter .card:nth-child(6){animation-delay:.24s}.card-batch--enter .card:nth-child(7){animation-delay:.28s}.card-batch--enter .card:nth-child(8){animation-delay:.32s}.card-batch--enter .card:nth-child(9){animation-delay:.36s}.card-batch--enter .card:nth-child(10){animation-delay:.4s}.card-batch--enter .card:nth-child(11){animation-delay:.44s}.card-batch--enter .card:nth-child(12){animation-delay:.48s}.card-batch--enter .card:nth-child(13){animation-delay:.52s}.card-batch--enter .card:nth-child(14){animation-delay:.56s}.card-batch--enter .card:nth-child(15){animation-delay:.6s}.card-batch--enter .card:nth-child(16){animation-delay:.64s}.card-batch--enter .card:nth-child(17){animation-delay:.68s}.card-batch--enter .card:nth-child(18){animation-delay:.72s}.card-batch--enter .card:nth-child(19){animation-delay:.76s}.card-batch--enter .card:nth-child(20){animation-delay:.8s}.card-block .btn{width:189px;height:50px}.card{position:relative;width:100%;height:180px;cursor:pointer}.card:hover .card-front{transform:rotateY(180deg)}.card:hover .card-back{transform:rotateY(0);z-index:3}.card-front,.card-back{position:absolute;width:100%;height:180px;backface-visibility:hidden;transition:all .8s;background:#ffffff0d;overflow:hidden;border-radius:5px}.card-front{z-index:3}.card-front .img{width:100%;height:100px}.card_bottom{gap:5px;padding:15px 10px}.card-info{flex:1}.card-name{font-size:16px;font-weight:700;line-height:24px;color:#fff;margin-bottom:5px}.card-bonus{font-size:14px;font-weight:500;line-height:18px}.card-back{display:flex;align-items:flex-start;flex-direction:column;z-index:2;transform:rotateY(180deg);background:var(--bgrgba);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:2px 2px 2px -2px #ffffff80 inset,-2px -2px 2px -2px #ffffff80 inset;padding:15px 10px}.card-details{margin-bottom:10px}.card-dl:not(:last-child){margin-bottom:7px}.card-dt{font-size:12px;font-weight:500;line-height:16px;margin-bottom:2px}.card-dd{font-size:14px;font-weight:700;line-height:18px;color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-link{font-size:14px;font-weight:600;line-height:16px;color:#10e984;margin-top:auto}.card-link:hover{text-decoration:underline}@media screen and (max-width:992px){.card-list{justify-content:center}}@media screen and (max-width:768px){.card-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}