body{margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden;height:100vh;color:#fff;background-color:#333}#container{display:flex;height:100vh;overflow:hidden}h1,h2,h3{text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}#map{flex:1;background-color:#333}#sidebar{width:100%;height:100%;overflow-y:auto;padding:2rem;box-shadow:-2px 0 5px #0000001a;background-color:#1d1c1c;color:#fff;cursor:default}#resize{width:28vw;min-width:300px;max-width:50vw;background:#a5a5a5;padding:0 4.5% 0 .5%;overflow:hidden;cursor:ew-resize;position:relative}#sidebar h2{margin-top:0;font-size:1.5em;color:#fff}#sidebar p{line-height:1.5;margin-bottom:10px}.tooltip,.chartToolTip{position:absolute;visibility:hidden;background:#333333e6;padding:5px;border:1px solid #ccc;border-radius:5px;pointer-events:none;box-shadow:0 4px 6px #0000001a;z-index:100}svg{will-change:transform,opacity,color}.state-label,.county-label{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}#title{background-color:#1d1c1c;position:fixed;top:0;left:0;display:flex;align-items:center;padding:10px;z-index:1000;border-bottom-right-radius:1rem;outline:solid rgb(59,85,59) .2rem;cursor:pointer}#logo{height:6vh;width:auto;max-height:150px;min-height:50px;margin-right:10px;pointer-events:none}#titleText{position:relative;font-size:3rem;font-family:Arial,sans-serif;font-weight:700;color:#fff;padding-bottom:0;margin-bottom:0;pointer-events:none;text-shadow:-2px -2px 0 darkgreen,2px -2px 0 darkgreen,-2px 2px 0 darkgreen,2px 2px 0 darkgreen}a{cursor:pointer;text-decoration:none}a:hover{text-decoration:underline;transition:2s}#usAverage{font-weight:bolder;font-size:3rem;text-align:center;text-shadow:-1px -1px 0 darkgreen,1px -1px 0 darkgreen,-1px 1px 0 darkgreen,1px 1px 0 darkgreen}li{margin:1em}.percentIncrease{font-weight:bolder;font-size:1.75rem;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.endpoint{font-weight:700;font-size:1.1rem;margin-left:1em}#rand{font-weight:700;font-size:1.5rem;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}#IncomeNumber,#NatIncomeNumber{border:none;background-color:#2b2929;font-weight:bolder;font-size:2.5rem;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;color:#fff;height:auto;width:80%;max-width:350px;text-align:center;line-height:4rem;border-radius:.4rem}#IncomeNumber:focus{outline:none}#IncomeSlider,#NatIncomeSlider{max-width:400px;width:80%}#SliderDiv{display:block;align-items:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=search]{-moz-appearance:none;-webkit-appearance:none;appearance:none}input[type=number]{-moz-appearance:textfield}.dot-container{display:inline-block}.dot{opacity:0;animation:fade-in-out 1.5s infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes fade-in-out{0%,to{opacity:0}50%{opacity:1}}@media screen and (max-width:768px){body{overflow:auto;overflow-x:hidden;height:auto}#container{display:block;height:auto}#title{position:relative;top:0;left:0;width:100%;border-bottom-right-radius:0;outline:none;margin-bottom:1rem}#map{width:100%;height:auto;min-height:300px}#sidebar{width:100%;height:auto;border-left:none;padding:1rem;box-shadow:none}#resize{max-width:100vw;width:100vw;height:auto;min-width:none;padding:0;padding-top:.5vh;box-shadow:none;cursor:default}#title{display:flex;justify-content:center;align-items:center;background-color:#1d1c1c;position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom-right-radius:0;outline:solid rgb(59,85,59) .2rem;cursor:pointer;padding:10px 10px 10px 0}#logo{height:6vh;width:auto;max-height:150px;min-height:50px;margin-right:10px;margin-left:0}#titleText{font-size:1.8rem;font-family:Arial,sans-serif;font-weight:700;color:#fff;pointer-events:none;text-shadow:-2px -2px 0 darkgreen,2px -2px 0 darkgreen,-2px 2px 0 darkgreen,2px 2px 0 darkgreen}#sidebar{width:100%;height:auto;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:1rem;word-wrap:break-word;word-break:break-word;max-width:100%}#sidebar h2,#sidebar p{word-wrap:break-word;word-break:break-word}#sidebar{width:100%;max-width:100%;overflow:hidden;margin:0 auto}#chart-wrapper{width:90%;max-width:600px;height:200px;margin:20px auto;position:relative}#sidebar ul{padding-left:1.5rem;margin:0}.chart-controls{display:flex;justify-content:center;margin-bottom:15px}.timeframe-buttons{display:flex;background:#f1f1f1;padding:4px;border-radius:8px}.tf-btn{border:none;background:transparent;padding:6px 16px;cursor:pointer;font-size:12px;font-weight:600;color:#666;border-radius:6px;transition:all .2s ease}.tf-btn:hover{color:#333}.tf-btn.active{background:#fff;color:#4682b4;box-shadow:0 2px 4px #0000001a}.percentIncrease,.endpoint{white-space:nowrap}#tooltip{pointer-events:none;position:absolute;z-index:1000;max-width:200px;border-radius:4px;transform:translate(-50%,-120%)}.chartToolTip{width:40vw}h1{font-size:1.7em}}