.searchContainer{position:relative}.searchBox{width:100%;background-color:#a9a9a9;outline:none;caret-color:#755f2d}.searchValues{position:absolute;width:104%;overflow-y:auto;z-index:1;padding:0;margin:0;font-size:.9rem;list-style-type:none;cursor:pointer}.searchValue{background-color:rgba(0,0,0,.779)}.searchValue:hover{background-color:#755f2d;color:#fff}.logo{transform:translateX(-2rem);margin-bottom:2rem;display:flex;font-size:20vmin;height:10rem;width:100%;align-items:center;justify-content:center;svg{width:32vmin;transform:translateX(31.5vmin) scaleX(1.35) scaleY(1.2);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 60%,rgba(0,0,0,.7) 68%,transparent 85%);mask-image:linear-gradient(180deg,#000 0,#000 60%,rgba(0,0,0,.7) 68%,transparent 85%)}span{--color1:#166d8d;--color2:#b37d00;--gap:.6rem;font-family:Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif;font-variant:small-caps;font-weight:700;font-style:italic;display:block;position:absolute;z-index:1;letter-spacing:-.005em;&:after{content:attr(data-text);display:block;position:relative;padding:0 .1em;z-index:1}&:last-child{transform:translate(-.295em,-.33em);color:var(--color1)}&:first-child{transform:translate(.295em,.33em);background:linear-gradient(to left top,var(--color2) calc(50% - var(--gap) / 2),transparent 0,transparent calc(50% + var(--gap) / 2),var(--color1) 0);background-clip:text;-webkit-background-clip:text;color:transparent}}}.graphPanel{aspect-ratio:16/9;max-width:100%;background-color:#000}.graphContainer,.graphPanel{min-width:250px;position:relative}.graphContainer{border:1px solid #000;border-bottom:none;margin-bottom:5%;display:flex;flex-direction:column;grid-template-rows:auto 1fr;gap:20px}.title{background-color:#000;justify-content:center;width:100%;height:4rem;text-overflow:ellipsis;white-space:normal;text-align:center;color:#a9a9a9;font-size:3rem;padding-bottom:1rem;margin-bottom:1rem;text-shadow:-1px 0 #a9a9a9,0 1px #a9a9a9,1px 0 #a9a9a9,0 -1px #a9a9a9}@media (max-width:600px){.title{font-size:1.5rem;margin-bottom:0;background-color:#000}}.graph{overflow:hidden;width:100%;height:100%;background-color:gray;border:1px solid #000;border-top:none}.dot{position:absolute;width:.8vw;height:.8vw;border-radius:50%}.graph-line{width:100%;height:100%;transform:translate(.4vw,-.4vw)}.label{position:absolute;bottom:0;color:#fff;text-shadow:-1px 0 #a9a9a9,0 1px #a9a9a9,1px 0 #a9a9a9,0 -1px #a9a9a9}.graphBoxes{display:flex;flex-wrap:wrap;gap:.1rem;top:-1rem;left:4vw;right:0;margin:.1rem}.graphBox{font-stretch:ultra-condensed;font-size:1rem;transition:color .1s ease-in-out,box-shadow .1s ease-in-out;border:-1px solid hsla(0,0%,50%,.5);border-radius:10%;padding:.2rem;margin:0;cursor:pointer;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.graphBox:hover{filter:brightness(150%);transition:.3s;z-index:3}.slider{position:absolute;transform:scaleY(0);transform-origin:top;border-bottom-left-radius:10%;border-bottom-right-radius:10%;left:0;width:0;transition:transform .2s ease;opacity:0;overflow:hidden}.graphBox:hover .slider{transform:scaleY(1);width:100%;opacity:1}.graphBox.disabled{filter:brightness(50%)}.tooltip{background-color:rgba(18,39,228,.034);height:1.2rem;color:#fff;padding:.1rem;text-align:center;border-radius:20%;cursor:pointer}.tooltip:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}.slider-input{width:80%}.container{overflow:hidden;display:grid;grid-template-columns:minmax(auto,1fr) 4fr;grid-template-areas:"section0 main-content" "section2 main-content" "section1 main-content" "section3 main-content";height:100vh}.sidebar-section{width:auto}.section0{grid-area:section0}.section1{grid-area:section1}.section2{grid-area:section2}.section3{grid-area:section3}.main-content{grid-area:main-content;overflow:auto}@media (min-width:600px){.container{grid-template-columns:1fr 4fr 1fr;grid-template-areas:"section0 main-content section1" "section2 main-content section3"}}body.welcome{height:100vh;margin:0}.centered,body.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center}.centered{text-align:center}.bg{opacity:.5;z-index:-1}.plusMinus button{background-color:#b37d00;color:#fff;border:none;padding:.5rem 1rem;margin:.5rem;cursor:pointer;border-radius:5px;font-size:1rem;box-shadow:0 0 5px 0 #000;transition:filter .3s ease,transform .3s ease;&:hover{transform:scale(1.05);filter:brightness(1.2)}&:active{transform:scale(.95);filter:brightness(.5)}}.submit{cursor:pointer;background-color:#166d8d;border:none;padding:.5rem 1rem;margin:.5rem;border-radius:5px;box-shadow:0 0 5px 0 #000;transition:filter .3s ease,transform .3s ease;font-family:Arial Rounded MT Bold,Helvetica Rounded,Arial,sans-serif;font-variant:small-caps;font-weight:700;font-size:1rem;color:#98c0d0;&:hover{transform:scale(1.05);filter:brightness(1.2)}&:active{transform:scale(.95);filter:brightness(.5)}width:100px}.searches{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:.4rem;margin-bottom:2rem;max-width:100%;height:110px}.searchValues{min-height:2rem;max-height:35vh}@media (min-width:768px){.searches{height:50px;width:400px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;margin:0;-moz-column-gap:20px;column-gap:20px}}@keyframes expand{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(0)}}.CitySearch{position:static}.CitySearch.add{animation:expand .25s ease-out}.CitySearch.removed{animation:shrink .25s ease-out}