@font-face{font-family:JockeyOne;src:url(/fonts/JockeyOne-Regular.ttf)}*{margin:0;font-family:JockeyOne}body{background-color:bisque}html{overflow:scroll}::-webkit-scrollbar{width:0px;background:transparent}#app{padding:10px}#topBarContainer{margin-bottom:5px;padding-bottom:5px;font-size:10px;border-bottom:2px dashed black}.sliderContainer{display:flex;flex-direction:column;column-gap:5px;justify-content:center;align-items:center;width:fit-content;height:fit-content}.snakeFamilySelector:hover{cursor:pointer}#searchBar{position:relative}#snakeNameTextField{font-size:10px;border:none;outline:none;box-sizing:border-box;padding-left:5px;padding-right:5px}#removeFilterButton{fill:none;pointer-events:all}#snakeNameListContainer{position:absolute;background-color:#fff;overflow-y:scroll;z-index:1;height:fit-content;min-width:fit-content;left:50%;transform:translate(-50%);box-sizing:border-box;visibility:hidden}@media (min-width: 200px){#snakeNameListContainer{font-size:5px;max-height:100px;padding-left:2px}}@media (min-width: 600px){#snakeNameListContainer{font-size:8px;max-height:100px;padding-left:2px}}@media (min-width: 1000px){#snakeNameListContainer{font-size:15px;max-height:200px;padding-left:5px}}@media (min-width: 1440px){#snakeNameListContainer{font-size:20px;max-height:250px;padding-left:5px}}#snakeNameListContainer>ul{padding-left:0;cursor:pointer}#snakeNameListContainer>ul>li:hover{background-color:#eee}#chartContainer{display:flex;justify-content:center}@media (min-height: 600px){#chart{max-height:550px}}@media (min-height: 800px){#chart{max-height:750px}}@media (min-height: 1000px){#chart{max-height:950px}}@media (min-height: 1200px){#chart{max-height:1150px}}@media (min-height: 1400px){#chart{max-height:1350px}}#snakeTooltip{overflow:visible}#tooltipBody{background-color:#fff;box-sizing:border-box;padding:10px;border-radius:10px;border:none;position:relative;min-height:fit-content}#tooltipHeader{font-size:10px}#tooltipContent{display:flex;justify-content:space-between}#tooltipSnakeData{text-align:right}#closeTooltipButton{position:absolute;top:5px;right:10px;cursor:pointer}#closeTooltipButton>rect{fill:transparent}#closeTooltipButton>path{stroke:#000;stroke-width:2}#helpContainer{display:flex;flex-direction:column;row-gap:2px;text-align:justify}#helpContainer>h3{font-weight:400}
