html { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100vh; background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } html, body { margin: unset; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 15vh auto 0; width: 32vw; color: white; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-size: 1em; } h1, h2 { margin: unset; line-height: 1; } h1 { font-size: 1.75em; } h2 { font-size: 1.125em; } .heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 1.5em; padding: 1em 1em 0; } .wrapper { min-height: 50vh; max-height: 70vh; overflow-y: scroll; border-radius: .25em; background-color: rgba(0, 0, 0, 0.75); } .wrapper::-webkit-scrollbar { display: none; } table { border-collapse: collapse; width: 100%; border-radius: inherit; } table th { position: -webkit-sticky; position: sticky; top: 0; text-align: left; z-index: 2; background-color: black; } table th:first-child { border-top-left-radius: .25em; } table th:last-child { border-top-right-radius: .25em; } table th, table td { padding: .6em .3em; } table th:first-child, table td:first-child { padding-left: 1em; } table th:last-child, table td:last-child { padding-right: 1em; } table tr td { overflow: hidden; } table tr td:nth-child(1) { width: 7ch !important; } table tr td:nth-child(2) { max-width: 36ch; font-weight: bold; overflow-x: auto; white-space: nowrap; } table tr td:nth-child(2)::-webkit-scrollbar { display: none; } table tr td:nth-child(3) { width: 15ch !important; } table tr td:nth-child(4) { width: 13ch !important; } table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.25); } .group::before { content: ""; height: .65em; width: .65em; border-radius: 50%; display: inline-block; color: inherit; border: 2px solid rgba(255, 255, 255, 0.125); margin-right: .4em; margin-bottom: 1px; } .group--0::before { background-color: white; } .group--1::before { background-color: #005fbe; } .group--2::before { background-color: #c80000; } .group--3::before { background-color: #0000aa; } .group--4::before { background-color: #ffb400; } .group--5::before { background-color: #ffb400; } .group--6::before { background-color: white; } .group--7::before { background-color: #004000; } .group--8::before { background-color: #ab0096; } .group--9::before { background-color: #00a685; } ol.inline { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: unset; list-style-type: none; margin: 0; padding: unset; } ol.inline li:not(:last-child) { margin-right: 1em; } ol.inline.stats { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ol.inline.stats:first-of-type { margin-top: 1em !important; } ol.inline.stats:last-of-type { margin-bottom: 1em; } ol.inline.stats:not(:last-of-type) { margin-bottom: .125em; } ol.inline.stats abbr { text-decoration: none; } /*# sourceMappingURL=style.css.map */