:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;justify-content:center;min-width:320px;min-height:100vh}#root{padding:0;text-align:center}.Header{margin-top:4vh;margin-bottom:4vh}.PageContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;overflow:hidden}.CardContainer{width:90%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);row-gap:3vh;column-gap:3vh;overflow:hidden;margin-bottom:4vh}.PlayercardBody{border-radius:30px;border:2px gray solid;overflow:hidden}.NameContainer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5%;transform:translate(-10%);padding-top:2vh}.NameTag{align-self:center}.ProfileIcon{width:15%;aspect-ratio:1/1;border-radius:100px;border:2px gray solid}.RankIcon{width:50%;margin-top:-1vh}.RankText{font-size:400;font-weight:700;display:flex;width:100%;justify-content:center;justify-items:center;gap:2vw;align-self:center;margin-top:-1vh}.CardMHRow{display:grid;width:90%;height:48px;gap:.5vw;grid-template-columns:repeat(10,1fr);grid-template-rows:48px auto 48px}.CardChampIcon{height:48px}.scroll-container{display:flex;align-items:center;flex-direction:column;gap:.5vh;width:100%}.Win{background-color:#4659c7}.Loss{background-color:#c74f46}.MHContainer{max-height:320px;overflow-y:auto;margin-top:3vh;margin-bottom:3vh}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.scroll-container{scrollbar-width:thin;scrollbar-color:#555 transparent}.KDA{display:flex;grid-column:2 / 5;justify-content:center;align-items:center;font-weight:600;font-size:1.5vh}.Items{grid-column:5 / 8;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);place-items:center}.ItemIcon{height:20px}.MiscStats{grid-column:9 / 10;display:flex;flex-direction:column}