main{display:flex;flex-direction:column;align-items:center}:root{--input-width: min(400px, 100%)}label{width:var(--input-width);margin-top:3rem;padding:10px 0}input#search{width:var(--input-width);box-sizing:border-box;font-size:24px;margin:0 0 1rem;padding:10px .75rem;border:2px solid var(--dark-color);outline:none;transition:all .2s ease-in-out}input:focus,input:hover,input:active{border:2px solid var(--light-color)}ul{--animation-duration: .5s;--animation-duration-fifth: calc(var(--animation-duration) / 5);box-sizing:border-box;list-style:none;margin:0;padding:0;overflow:hidden;width:0;opacity:1;border:2px solid transparent;transition-property:width,border,height;transition-delay:0s,0s,var(--animation-duration-fifth);transition-duration:var(--animation-duration-fifth),var(--animation-duration-fifth),calc(var(--animation-duration-fifth) * 4);flex-shrink:0}ul:not(:empty){width:var(--input-width);opacity:1;border:2px solid var(--dark-color)}ul.openAfterTransition{transition-delay:calc(var(--animation-duration-fifth) * 4),calc(var(--animation-duration-fifth) * 4),0s;transition-duration:var(--animation-duration-fifth),var(--animation-duration-fifth),calc(var(--animation-duration-fifth) * 4)}li{box-sizing:border-box;line-height:1;height:32px;display:grid;place-items:center start}li a{color:var(--dark-color);text-decoration:none;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:.5rem .75rem}li a:hover{text-decoration:underline}li.no-results{box-sizing:border-box;color:var(--dark-color);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:.75rem .5rem}@media (max-width: 800px){label,input#search{margin-left:0;margin-right:0}ul{max-height:164px}}h2:first-of-type{margin-top:3rem}th.name,td.name{width:40%}th.value,td.value,th.change,td.change{width:20%}@media (max-width: 1000px){th.name,td.name{width:50%}th.value.last-year,td.value.last-year{display:none}th.value.today,td.value.today,th.change,td.change{width:25%}}@media (max-width: 800px){th.name,td.name{width:70%}th.value,td.value{display:none}th.change,td.change{white-space:nowrap;width:30%}}@media (max-width: 600px){th.name,td.name{width:60%}th.value,td.value{display:none}th.change,td.change{width:40%}}