*{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif}:root{--mainBlack:#1c2228;--lightGrey:#86919b;--darkGrey:#475059;--mainColor:#743ead;--contrastGreen:#b2fa63;--mainWhite:#fff;--darkBlack:#12191d;--lightGrey2:#edf5f7}.App{background-color:var(--lightGrey2);flex-direction:column;width:100vw;height:100vh;display:flex}.App .bodyContainer{gap:8px;width:100%;height:85%;padding:7px;display:flex}@media (width<=960px){.App .bodyContainer{flex-direction:column}.App{height:fit-content}}.rightContainer{flex:4;height:100%;padding-bottom:.5%;position:relative}.container{z-index:2;background-color:#fff;border-radius:5px;width:100%;height:95%;position:absolute;box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014}.containerInfo{z-index:5;background-color:#fff;border-radius:5px 5px 0 0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden scroll}.containerInfo .version{padding:.5%;position:absolute;bottom:0%;right:0%}.aboutContainer{box-sizing:border-box;border-radius:5px;flex-direction:column;gap:10px;padding:1.5% 3%;display:flex;position:absolute;top:0%}.aboutContainer .term{font-weight:800}.tabContainer{gap:.5%;width:100%;height:5%;display:flex;position:absolute;top:94.9%}.tabContainer .tab{box-sizing:border-box;cursor:pointer;border-top:none;border-radius:0 0 5px 5px;justify-content:center;align-items:center;width:13%;height:100%;display:flex;position:relative;box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014}.tabContainer .tab .childtab{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;margin-top:-1%;display:flex;overflow:hidden}.choiceDisplayContainer{z-index:1;width:100%;height:20%;display:flex;position:absolute}.infoContainer{box-sizing:border-box;border-radius:5px;width:50%;margin:.3%;box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014}.info{font-size:14px;font-weight:400}.info-top{padding-top:1%;padding-left:2%;font-size:14px;font-weight:400}.statDisplayContainer{z-index:4;flex-direction:column;justify-content:center;align-items:center;gap:.5%;width:100%;height:80%;padding:1%;display:flex;position:absolute;top:20%}.rowStatDisplay{gap:.5%;width:100%;height:50%;display:flex}.statDisplay{flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;display:flex}.statDisplay h3{height:10%}.statDisplay .graphContainer{justify-content:center;width:100%;height:90%;display:flex;position:relative}.choiceText{justify-content:center;align-items:center;width:100%;height:70%;display:flex}.percentileContainer{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.infill{box-sizing:border-box;text-align:center;font-size:20px}.percentile{color:var(--contrastGreen);text-align:center;font-size:60px}#compare{width:550px}.chart{margin:auto;width:80%!important}@media (width<=960px){.rightContainer{flex:none;width:100%;height:1200px}.container .containerInfo .aboutContainer{top:0}.container .choiceDisplayContainer{height:auto;display:block;position:static}.container .choiceDisplayContainer .infoContainer{width:100%}.container .statDisplayContainer{justify-content:center;align-items:center;width:100%;height:auto;position:static}.container .statDisplayContainer .rowStatDisplay{flex-direction:column;height:100%}.container .statDisplayContainer .rowStatDisplay .statDisplay{width:100%}.container .statDisplayContainer .rowStatDisplay .statDisplay .graphContainer{height:250px;position:relative}.infill{padding:10px}.tabContainer{height:3%}.tabContainer .tab .childtab{font-size:12px}}.leftContainer{border-radius:5px;flex-direction:column;flex:1;align-items:center;gap:40px;min-width:0;height:100%;display:flex;box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014}.leftContainer .dateContainer{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex}.leftContainer .dropdwn{justify-content:center;width:100%;display:flex}@media (width<=960px){.leftContainer{gap:20px;padding-bottom:20px}}.multiDr{width:85%;position:relative}.multiDr__toggle{cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:100%;height:54px;padding:0 14px;transition:box-shadow .16s,border-color .16s,transform 80ms;display:flex}.multiDr__toggle:hover{border-color:#0003}.multiDr__toggle:focus-visible{border-color:#3b82f699;outline:none;box-shadow:0 0 0 4px #3b82f62e}.multiDr__toggle:active{transform:translateY(1px)}.multiDr__toggleText{white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:14px;line-height:1;overflow:hidden}.multiDr__toggleText.is-placeholder{color:#0000008c}.multiDr__chev{opacity:.7;font-size:14px;transition:transform .16s}.multiDr__chev.is-open{transform:rotate(180deg)}.multiDr__menu{z-index:50;background:#fff;border:1px solid #0000001f;border-radius:5px;width:100%;max-height:40vh;padding:6px;position:absolute;left:0;overflow:auto;box-shadow:0 14px 40px #0000001f}.multiDr__item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:flex-start;width:100%;padding:10px;font-size:14px;line-height:1.25;display:flex}.multiDr__item:hover{background:#0000000a}.multiDr__item:focus-visible{background:#3b82f614;outline:none;box-shadow:0 0 0 3px #3b82f62e}.multiDr__item[aria-selected=true]{background:#3b82f61a}.headerContainer{background-color:var(--mainColor);justify-content:space-between;width:100%;height:15vh;padding-left:2%;padding-right:4%;display:flex}.iconContainer{justify-content:center;align-items:center;height:100%;display:flex}.iconContainer img{width:auto;height:100%}.headerTextContainer{justify-content:center;align-items:center;margin-left:1%;display:flex}.headerText{color:#fff;font-size:30px}@media (width<=960px){.headerContainer{flex-direction:column;justify-content:center;align-items:center;padding:0}.iconContainer{height:50%}.iconContainer img{height:150%}.headerTextContainer{height:50%}}