#editorButton,.timeframe{text-align:right}#cardContainer,#chart{position:relative}main{display:flex;flex-direction:column;height:100%}#editorButton{margin-right:1em;flex-grow:1;align-content:end;margin-top:1em}#chartContainer{display:flex;max-width:100%}#chart{flex-grow:1;box-sizing:border-box;min-width:0;max-width:100%;margin-left:1em;overflow:hidden}#chart canvas{width:100%;height:100%}#statsContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1vw;padding:2vh 2vw}#statsContainer .message{flex:1 1 200px;display:flex;flex-direction:column;margin-bottom:0;box-shadow:0 3px 3px}#statsContainer .message-header{align-items:unset;display:flex;flex-direction:row;flex-wrap:wrap}#statsContainer .message-body{font-size:2rem;text-align:center;align-content:center;justify-content:center;display:flex;flex-wrap:wrap;flex-grow:1}#searchCard{flex-direction:row-reverse;display:flex;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;margin-bottom:0;align-self:baseline}#searchCard .card-header-title{writing-mode:vertical-rl;width:100%;display:flex;justify-content:center;cursor:pointer;color:unset}@media (prefers-color-scheme:dark){#cardContainer .message-body b{color:#fff}}@media (max-width:768px){#cardContainer .message{min-width:30vw;max-width:35vw}#cardContainer .message-body{padding:.75em 1em}#statsContainer .message-body{font-size:1.5rem}}@media (max-width:360px){#cardContainer .message{min-width:45vw;max-width:50vw}#cardContainer .message-body{padding:.25em}}