.h2h{color:#424961;border:1px solid #eaeaea;border-radius:13px;height:fit-content;font-size:14px;overflow:hidden}.h2h__head{color:#fff;background-color:#193560;justify-content:center;gap:4px;padding:8px;display:flex}.h2h__controls{background-color:#d6dcdf;border:none;flex-wrap:wrap;gap:8px;padding:20px 14px;display:flex}.h2h__hint{gap:8px;padding-right:30px;font-weight:500;display:flex}.h2h__summary{flex-direction:column;gap:8px;padding:20px 15px;display:flex}.h2h__teams{justify-content:space-between;gap:8px;display:flex;position:relative}.h2h__team{gap:8px;display:flex}.h2h__team-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.h2h__chart{gap:4px;height:10px;display:flex}.h2h__value{border-radius:10px;height:100%}.h2h__value_primary{background-color:#2174ff}.h2h__value_neutral{background-color:#d6dcdf;flex:1}.h2h__value_secondary{background-color:#c7a14f}.h2h__hint{margin-left:auto}.h2h__nums{justify-content:space-between;font-weight:800;display:flex;position:relative}.h2h__nums-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.h2h-card{align-items:center;gap:15px;padding:10px 15px;display:flex}.h2h-card__date{width:9ch}.h2h-card__teams{flex-direction:column;flex:1;gap:8px;display:flex}.h2h-card__team{gap:4px;display:flex}.h2h-card__score{font-size:12px;font-weight:800;display:flex}.h2h-card__col{border-radius:5px;flex-direction:column;gap:12px;padding:5px 8px;display:flex}.h2h-card__col_grey{background-color:#d6dcdf}.h2h-card__state{text-align:center;border-radius:4px;width:16px;min-width:16px;height:16px;font-size:14px;font-weight:800;display:inline-block}.h2h-card__state_win{color:beige;background-color:#29c163}.h2h-card__state_draw{background-color:#ffcd4d}.h2h-card__state_lose{color:beige;background-color:#b64c4c}.h2h-card__state_one2one_win1,.h2h-card__state_one2one_win2{background-color:#a7e3ff}.h2h-card:not(:last-of-type){border-bottom:1px solid #eaecf0}.h2h-card:nth-child(2n){background-color:#f2f2f3}.h2h-wrapper{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;display:grid}@media screen and (width<=658px){.h2h_state{order:-1}}@media screen and (width<=480px){.h2h{font-size:12px}.h2h__head{font-size:14px}.h2h__hint{padding-right:2px}.h2h__summary{padding-block:10px}.h2h-card__state{order:-1}}