.list{display:flex;flex-direction:column;gap:20px;}.list .card:nth-child(1){animation-delay:0.04s;}.list .card:nth-child(2){animation-delay:0.08s;}.list .card:nth-child(3){animation-delay:0.12s;}.list .card:nth-child(4){animation-delay:0.16s;}.list .card:nth-child(5){animation-delay:0.2s;}.list .card:nth-child(6){animation-delay:0.24s;}.list .card:nth-child(7){animation-delay:0.28s;}.list .card{height:72px;padding:24px 20px 16px;display:flex;align-items:center;justify-content:center;position:relative;}.list .card .body{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 12px;text-align:center;width:100%;}.list .card-title{margin:0;font-size:1.1rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;}.list .badge{position:absolute;left:14px;top:-12px;display:flex;align-items:center;gap:8px;background:#ffffff;color:#312b2b;border-radius:10px;border:2px solid var(--card-edge);padding:6px 10px;box-shadow:0 3px 0 #00000020;}.list .card .pills{position:absolute;top:-12px;right:14px;}.list .point{position:absolute;left:-10px;bottom:8px;width:28px;height:28px;border-radius:50%;background:var(--point-online);border:2px solid var(--card-edge);box-shadow:0 3px 0 #00000020;}.list .card.offline .pills{display:none;}.list .card.offline .point{background:var(--point-offline);}