.records{display:flex;justify-content:center;flex-wrap:wrap;max-width:500px;width:100%;margin-left:auto;margin-right:auto;padding-bottom:180px}.records .main-content,.records .records-content{max-width:480px;width:100%}.records .main-content{margin-top:10px;margin-left:auto;margin-right:auto}.records .main-content .card-outline{border-radius:12px}.records .main-content .main-content-tab{display:flex;gap:3px;width:96vw;overflow-x:scroll;scrollbar-width:none;height:48px;padding:3px;border-radius:12px;background:#fff}.records .main-content .main-content-tab li{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:12px;transition:.5s;color:#282828;font-size:15px;font-weight:500;line-height:16px}.records .main-content .main-content-tab li:hover{background:#a9ffe0}.records .record-cards{display:flex;flex-direction:column;gap:5px;margin-top:8px;width:100%;margin-bottom:30px}.records .record-cards .record-card{display:grid;grid-template-columns:auto auto auto;max-width:480px;width:100%;grid-gap:30px;gap:30px;padding:20px;border-radius:12px;background:#fff}.records .record-cards .record-card li{display:flex;gap:5px;flex-direction:column}.records .record-cards .record-card li span{color:#282828;font-size:11px;font-weight:400}.records .record-cards .record-card li h3{color:#131313;font-size:14px;font-weight:400;letter-spacing:-.28px}.records .record-cards .record-card li:first-child{width:238px;grid-column:1/3}.records .record-cards .record-card li:first-child .card-title span{display:block;color:#282828;font-size:18px;font-weight:500}.records .record-cards .record-card li:nth-child(2){grid-row:2;grid-column:1/2}.records .record-cards .record-card li:nth-child(3){grid-column:2/3;grid-row:2}.records .record-cards .record-card a img{width:16px;height:16px;opacity:.4}