.App{width:100vw;min-width:320px;padding-bottom:48px;flex-direction:column}.App,.contents{height:auto;position:relative;display:flex;justify-content:center}.contents{width:100%;align-self:center}@media(min-width:768px){.contents{min-height:600px}}@media(max-width:767px){.contents{min-height:750px;overflow:hidden}}.topnav{opacity:0;z-index:3}.frame{align-self:center;width:100%;height:100%;margin:50px;border:1px solid #ebebeb;position:relative;clip-path:inset(-100vw -100vw -100vw 0);display:flex;justify-content:center}@media(max-width:767px){.frame{border:none;display:flex;flex-direction:column;justify-content:center;margin:0}}.app__hamburger{position:absolute;top:0;left:0;margin-top:38px;margin-left:5%;width:30px;height:30px;z-index:100}.app__hamburger:hover{cursor:pointer}.app__hamburger__icon{width:30px;height:30px}.navRight{opacity:0;width:30px;height:auto;z-index:4;padding-right:35px;top:80px}.compare__circle,.navRight{position:absolute;right:0;display:flex;justify-content:center}.compare__circle{top:0;width:16px;height:16px;z-index:3}@media(min-width:768px){.compare__circle{width:10px;height:10px}}.compare__circle--hamburger{top:-7px;right:-7px}.compare__circle__circle{position:relative;align-self:center;width:16px;height:16px}.compare__circle__number{font-family:"CNN Clock Bold";position:absolute;align-self:center;margin:0;font-size:12px;color:#fff}.colorCode{transition:opacity .7s ease-in;position:absolute;top:185px;right:0;z-index:1;margin-right:-37px;background-color:#fff}@media(max-width:767px){.colorCode{margin:0;position:static;align-self:center}}.colorCode__average{font-family:"CNN Clock Display Medium";font-size:10px;margin-bottom:10px;width:100%;height:auto}@media(max-width:767px){.colorCode__average{text-align:center}}.logo{opacity:0;position:absolute;top:0;left:70px;margin-top:20px;width:182px;height:61.22px;z-index:7}.logo:hover{cursor:pointer}@media(max-width:1024px){.logo{margin-top:23px;width:158px;height:53.15px}}@media(max-width:767px){.nav-gradient{left:60px;height:31px;top:35px;position:absolute;width:100px;content:"";background-image:linear-gradient(270deg,hsla(0,0%,100%,0),#fff);pointer-events:none;z-index:6}}.app__disclaimer{color:#636466;max-width:873px;font-size:12px;line-height:14px;margin-top:0;letter-spacing:.015em}.app__disclaimer--desktop{position:absolute;bottom:18px;left:60px;margin-right:60px}@media(max-width:767px){.app__disclaimer--desktop{display:none}}.app__disclaimer--mobile{align-self:center;width:90%;margin-left:16px}@media(min-width:768px){.app__disclaimer--mobile{display:none}}.plus{transition:transform .7s ease-in;transition:visibility .5s ease-in;visibility:hidden;width:30px;height:30px;position:absolute;top:151px;z-index:6;left:35px;cursor:pointer}@keyframes blink{0%{transform:scale(.7)}50%{transform:scale(1)}to{transform:scale(1.5)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes type{0%{opacity:1}to{width:80px;opacity:1}}@keyframes active-housingShortage{0%{background-color:#37842c}20%{background-color:rgba(55,132,44,.5)}to{background-color:#37842c}}@keyframes active-affordability{0%{background-color:#a73c3f}20%{background-color:rgba(167,60,63,.5)}to{background-color:#a73c3f}}@keyframes active-hosingDemand{0%{background-color:#6a6223}20%{background-color:rgba(106,98,35,.5)}to{background-color:#6a6223}}@keyframes active-homePrice{0%{background-color:#541b52}20%{background-color:rgba(84,27,82,.5)}to{background-color:#541b52}}@keyframes active{0%{background-color:#2a6cb2}20%{background-color:rgba(42,108,178,.5)}to{background-color:#2a6cb2}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(45deg)}}@keyframes rotateReverse{0%{transform:rotate(45deg)}to{transform:rotate(0deg)}}@keyframes overviewBackground{0%{background-color:#fff}to{background-color:hsla(0,0%,100%,.52)}}.overview{transition:opacity .7s ease-in,transform 1s ease-in;padding:10px;z-index:11;margin:26px 26px 26px 16px}@media(min-width:768px){.overview{position:absolute;pointer-events:none;left:0;top:70px;opacity:0;background-color:hsla(0,0%,100%,.52)}}@media(max-width:767px){.overview{margin:0}}@media(max-width:767px){.copy,.overview{width:100%;display:flex;justify-content:center}.copy{margin-top:16px;flex-direction:column;justify-content:flex-start}}@media(max-width:767px){.copy,.title{align-self:center}.title{width:90%}}.overview__title{font-family:"CNN Clock Display Thin";font-size:40px;line-height:40px;margin:0;pointer-events:auto}@media(max-width:1024px)and (min-width:768px){.overview__title{font-size:30px;line-height:30px}}@media(min-width:768px){.overview__title--forecast{max-width:190px}}.overview__title--intro{font-size:20px;line-height:20px}.overview__title--intro--bold{font-size:30px;font-family:"CNN Clock Display Medium"}.overview__title--intro--big{font-size:30px;line-height:27px}.overview__title--intro--small{line-height:27px}.overview__subtitle{margin:0;font-family:"CNN Clock Display Regular";font-size:40px;line-height:40px;pointer-events:auto}@media(max-width:1024px)and (min-width:768px){.overview__subtitle{font-size:30px;line-height:30px}}.overview__copy{margin-top:0;width:190px;font-size:12px;line-height:17px;pointer-events:auto}@media(max-width:767px){.overview__copy{align-self:center;width:90%}}.overview__copy--intro{margin-top:20px}.overview__averageT{color:#636466;font-family:"CNN Clock Display Medium";font-size:16px;margin-bottom:0}.overview__averageC{font-family:"CNN Clock Display Regular";font-size:12px;margin:0}.overview__disclaimer{font-size:10px;line-height:12px;margin-top:10px;letter-spacing:.015em}.overview__averageB{color:#636466;font-family:"CNN Clock Display Medium"}.blue{color:#2a6cb2}.overview__collapse{transition:transform .5s ease-in;width:20px;height:20px;position:absolute;top:5px;right:5px;cursor:pointer;pointer-events:auto}.nav{position:absolute;top:25px;width:100%;height:auto;align-self:center;z-index:5;overflow:auto;display:flex;justify-content:center}.nav ::-webkit-scrollbar{display:none}@media(min-width:768px){.nav{width:calc(100% - 50px)}}.nav__contents{align-self:center;width:873px;height:auto;padding-bottom:10px;padding-right:2px;overflow:auto;white-space:nowrap;margin-left:250px;display:flex;justify-content:center}@media(max-width:1100px){.nav__contents{justify-content:flex-start}}@media(max-width:1023px)and (min-width:768px){.nav__contents{margin-left:220px}}@media(max-width:767px){.nav__contents{margin-left:60px}}.keyAreas{flex-direction:column}.keyAreas,.nav__keyAreas{position:relative;display:flex;justify-content:center}.nav__keyAreas{width:100%;height:auto}@media(max-width:767px){.nav__keyAreas{justify-content:flex-start}}.nav__keyAreas__buttons{margin-top:-7px;display:flex;justify-content:center}.buttons__container{align-self:center;display:flex;flex-direction:column;justify-content:center}.buttons__divider{height:7px;width:1px}.buttons__divider,.keyAreas__divider{align-self:center;background-color:#2a6cb2}.keyAreas__divider{position:absolute;height:1px;width:auto}@media(min-width:1201px){.keyAreas__divider{left:79.5px;right:106px}}@media(max-width:1200px)and (min-width:1025px){.keyAreas__divider{left:79px;right:106px}}@media(max-width:1024px){.keyAreas__divider{left:79px;right:106px}}.keyAreas__copy{opacity:0;text-transform:uppercase;align-self:center;padding:0 10px;background-color:#fff;white-space:nowrap;width:0;margin:0;color:#2a6cb2;font-family:"CNN Clock Display Bold";font-size:10px;overflow:hidden;transform-origin:left}@media(max-width:1200px)and (min-width:1024px){.keyAreas__copy{margin:0 5px}}@media(max-width:1025px){.keyAreas__copy{margin:0 10px}}@media(max-width:767px)and (min-width:461px){.keyAreas__copy{align-self:flex-start;margin-left:120px}}@media(max-width:460px){.keyAreas__copy{align-self:flex-start;margin-left:85px}}@media(max-width:1060px){.nav:after{right:0;position:absolute;height:100%;width:60px;content:"";background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);pointer-events:none}}.buttons{align-self:flex-end;text-transform:uppercase;height:26px;width:auto;border:none;font-size:12px;line-height:17px;padding:0 10px;cursor:pointer;color:#fff;border-radius:10px;margin:0 7px}.buttons,.buttons--active{font-family:"CNN Clock Display Bold"}.buttons--active:hover{transform:translateY(-1.5px)}.buttons--active-homePrice{background-color:rgba(84,27,82,.5)}.buttons--active-homePrice:hover{box-shadow:0 .5em .5em -.4em #541b52}.buttons--active-affordability{background-color:rgba(167,60,63,.5)}.buttons--active-affordability:hover{box-shadow:0 .5em .5em -.4em #a73c3f}.buttons--active-stateView{background-color:rgba(42,108,178,.5)}.buttons--active-stateView:hover{box-shadow:0 .5em .5em -.4em #2a6cb2}.buttons--active-housingShortage{background-color:rgba(55,132,44,.5)}.buttons--active-housingShortage:hover{box-shadow:0 .5em .5em -.4em #37842c}.buttons--active-housingDemand{background-color:rgba(106,98,35,.5)}.buttons--active-housingDemand:hover{box-shadow:0 .5em .5em -.4em #6a6223}@media(max-width:767px){.buttons--intro{margin-left:5%}}@media(min-width:1200px)and (max-width:768px){.buttons--supply{margin-left:5%}}.info{height:26px;width:26px;margin:0 10px;cursor:pointer}@media(max-width:767px){.info{padding-right:20%}}.stateView{background-color:#2a6cb2}.stateView:hover{box-shadow:0 .5em .5em -.4em #2a6cb2;transform:translateY(-1.5px)}.homePrice{background-color:#541b52}.homePrice:hover{box-shadow:0 .5em .5em -.4em #541b52;transform:translateY(-1.5px)}.housingShortage{background-color:#37842c}.housingShortage:hover{box-shadow:0 .5em .5em -.4em #37842c;transform:translateY(-1.5px)}.housingDemand{background-color:#6a6223}.housingDemand:hover{box-shadow:0 .5em .5em -.4em #6a6223;transform:translateY(-1.5px)}.affordability{background-color:#a73c3f}.affordability:hover{box-shadow:0 .5em .5em -.4em #a73c3f;transform:translateY(-1.5px)}.na{opacity:0;width:100%;height:100%;align-self:flex-end;transition:opacity .7s ease-in}@media(max-width:767px){.na{align-self:center;pointer-events:none}}.stateMap{opacity:0;position:absolute;z-index:5;width:91%;height:100%;align-self:center;display:flex;justify-content:center}@media(max-width:767px){.stateMap{width:100%;pointer-events:none}}.st0{fill:#d0d0d1;stroke:#d0d0d1;stroke-width:.3}.st0,.st10{animation:strokeChange .7s ease-in forwards}.st10{stroke:#fff;stroke-width:.3}@media(min-width:768px){.st10:hover{fill:#8ab5d7;cursor:pointer}}@keyframes strokeChange{0%{stroke:#d0d0d1}to{stroke:#bebebe}}.st0-noStroke{fill:#d0d0d1}.st0-noStroke,.st1{stroke:#d0d0d1;stroke-width:.3}.st1{fill:none;stroke-linejoin:round;animation:stateStrokeChange .7s ease-in .7s forwards}@keyframes stateStrokeChange{0%{stroke:#d0d0d1}to{stroke:#fff}}.metroArea{position:relative}@media(min-width:768px){.metroArea:hover{cursor:pointer}.metroArea:active,.metroArea:hover{filter:brightness(80%)}}.shortage path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorShortage .7s ease-in .7s forwards}@keyframes changeColorShortage{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#338526;stroke:#338526}}.highShortage path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorHighShortage .7s ease-in 1.4s forwards}@keyframes changeColorHighShortage{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#205318;stroke:#205318}}.sufficient path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorSufficient .7s ease-in 2.1s forwards}@keyframes changeColorSufficient{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#4ed038;stroke:#4ed038}}.jobloss path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorJobloss .7s ease-in 2.8s forwards}@keyframes changeColorJobloss{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#a2fc93;stroke:#a2fc93}}.loss path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorLoss .7s ease-in 2.1s forwards}@keyframes changeColorLoss{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#ffc5fe;stroke:#ffc5fe}}.growth1 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth1 .7s ease-in .7s forwards}@keyframes changeColorGrowth1{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#ff77fa;stroke:#ff77fa}}.growth2 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth2 .7s ease-in 1.4s forwards}@keyframes changeColorGrowth2{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#d245cd;stroke:#d245cd}}.growth3 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth3 .7s ease-in 1.4s forwards}@keyframes changeColorGrowth3{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#691c66;stroke:#691c66}}.growth4 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth4 .7s ease-in 2.1s forwards}@keyframes changeColorGrowth4{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#210520;stroke:#210520}}.nodata path{fill:#d0d0d1;stroke:#d0d0d1}.clickedArea path{fill:#2a6cb2;stroke:#d0d0d1}.vAffordable path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorVAffor .7s ease-in .7s forwards}@keyframes changeColorVAffor{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#f85757;stroke:#f85757}}.eAffordable path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorEAffor .7s ease-in 1.4s forwards}@keyframes changeColorEAffor{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#ff9e9e;stroke:#ff9e9e}}.affordable path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorAffor .7s ease-in 2.1s forwards}@keyframes changeColorAffor{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#a93a3a;stroke:#a93a3a}}.unaffordable path{animation-fill-mode:forwards;fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorUna .7s ease-in 2.8s forwards}@keyframes changeColorUna{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#391010;stroke:#391010}}.drop path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorDrop .7s ease-in 2.1s forwards}@keyframes changeColorDrop{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#762d0d;stroke:#762d0d}}.growth10 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth10 .7s ease-in .7s forwards}@keyframes changeColorGrowth10{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#dd6a2e;stroke:#dd6a2e}}.growth20 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth20 .7s ease-in 1.4s forwards}@keyframes changeColorGrowth20{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#ddb834;stroke:#ddb834}}.growth30 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth30 .7s ease-in 1.4s forwards}@keyframes changeColorGrowth30{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#f8e757;stroke:#f8e757}}.growth40 path{fill:#d0d0d1;stroke:#d0d0d1;animation:changeColorGrowth40 .7s ease-in 2.1s forwards}@keyframes changeColorGrowth40{0%{fill:#d0d0d1;stroke:#d0d0d1}to{fill:#fdff9e;stroke:#fdff9e}}.st10{fill:#2a6cb2}.st11{fill:none;stroke:#fff}.st12{fill:#fff}.st13{font-family:"CNN Clock Display Regular";pointer-events:none}.st14{font-size:7px;text-align:center}.st14-on-hover{font-size:7.6px}.selectedState path{fill:#bebebe}.container{opacity:0;transition:opacity .5s ease-in;width:100%;min-width:320px;min-height:256px;overflow:hidden;position:relative;align-self:center;display:flex;justify-content:center}@media(min-width:768px){.container{justify-content:flex-end;align-self:flex-end;min-height:600px;height:45vw}}@media(max-width:767px)and (min-width:461px){.container{height:70vw}}@media(max-width:460px){.container{height:80vw}}.map{width:100%;height:100%;display:flex;justify-content:flex-end;align-self:flex-end;overflow:hidden}@media(max-width:767px){.map{justify-content:center;align-self:center}}.map__filler{width:10%;height:100%;background-color:#fff}@media(min-width:768px){.mapMobile{display:none}}@media(max-width:767px){.mapMobile{min-width:320px;min-height:256px;align-self:center;justify-content:center;position:relative;width:auto}}@media(max-width:767px)and (min-width:461px){.mapMobile{height:70vw}}@media(max-width:460px){.mapMobile{height:80vw}}.mapMobile__stateMap{align-self:flex-end;width:100%;height:100%;object-fit:cover}.mapMobile__reset{width:47px;height:47px;position:absolute;z-index:3;top:30px;right:5px;align-self:flex-start}.mapMobile__reset:hover{cursor:pointer}.tooltip{width:388px;height:auto;position:absolute;background-color:#fff;visibility:hidden;display:flex;justify-content:center;justify-content:flex-start;box-shadow:0 4px 4px rgba(0,0,0,.25);z-index:100}.tooltip__colorKey{width:21px;height:auto;background-color:#2a6cb2}.tooltip__content{align-self:center;width:367px;height:100%;margin-left:5px;padding:10px 10px 0;display:flex;flex-direction:column;justify-content:center}.tooltip__area{color:#2a6cb2;font-size:22px;line-height:22px;align-self:flex-start;margin:0 0 2px}.tooltip__state{font-family:"CNN Clock Display Bold";color:#8ecdfc;font-size:15px;align-self:flex-start;margin:0}.tooltip__click{width:100%;display:flex;justify-content:center;justify-content:flex-end;padding-right:10px;margin-top:-6px}.tooltip__click__text{width:100%;align-self:flex-end;font-family:"CNN Clock Display Italic";white-space:nowrap;font-size:12px;color:#000;margin:0;text-align:end}.shortage{background-color:#338526}.highShortage{background-color:#205318}.sufficient{background-color:#4ed038}.jobloss{background-color:#a2fc93}.loss{background-color:#ffc5fe}.growth1{background-color:#ff77fa}.growth2{background-color:#d245cd}.growth3{background-color:#691c66}.growth4{background-color:#210520}.nodata{background-color:#d0d0d1}.vAffordable{background-color:#f85757}.eAffordable{background-color:#ff9e9e}.affordable{background-color:#a93a3a}.unaffordable{background-color:#391010}.drop{background-color:#762d0d}.growth10{background-color:#dd6a2e}.growth20{background-color:#ddb834}.growth30{background-color:#f8e757}.growth40{background-color:#fdff9e}.areaDetail{position:absolute;opacity:0;width:400px;height:auto;left:0;align-self:center;z-index:2;margin:2%;background-color:#fff;border-radius:10px 10px 0 0;display:flex;flex-direction:column;justify-content:center;animation:appear 1s ease-in forwards}@media(min-width:768px){.areaDetail{box-shadow:0 4px 4px rgba(0,0,0,.25)}}@media(max-width:767px)and (min-width:461px){.areaDetail{position:relative;width:80%}}@media(max-width:460px){.areaDetail{position:relative;width:100%}}.areaDetail--state{box-shadow:0 4px 4px rgba(0,0,0,.25)}.areaDetail__head{border-radius:10px 10px 0 0;width:100%;height:75px;background-color:#2a6cb2;align-self:center;display:flex;justify-content:center;justify-content:space-between}.areaDetail__head--state{height:35px}.areaDetail__content{height:82%;align-self:center}.areaDetail__content--state{width:90%;padding-top:24px}.nobreak{margin-bottom:0}.popup-icon{margin:0}.areaDetail__head__areaMap{height:50%;width:auto;align-self:center;margin:3%}.areaDetail__head__title{margin-left:3%;align-self:center;width:75%;display:flex;flex-direction:column;justify-content:center}.areaDetail__head__title__name{color:#f5f3f3;font-size:22px;line-height:22px;margin:0 0 2px}.areaDetail__head__title__name--small{font-size:20px;line-height:18px}.areaDetail__head__title__state{color:#deeaf4;font-family:"CNN Clock Display Bold";font-size:15px;margin:0}.areaDetail__head__title__state--state{text-transform:uppercase}.areaDetail__head__title__state--small{font-size:12px}.areaDetail__head__checkbox{align-self:flex-end;margin-right:2%;display:flex;flex-direction:column;justify-content:center;justify-content:flex-end}@media(max-width:767px){.areaDetail__head__checkbox{align-self:center}}.areaDetail__head__checkbox__checkbox{width:26px;height:26px;align-self:flex-end}.areaDetail__head__checkbox__checkbox:hover{cursor:pointer}.areaDetail__head__checkbox__text{font-family:"CNN Clock Display Bold";font-size:10px;line-height:20px;letter-spacing:.05em;align-self:flex-end;color:#fff;margin:0}.areaDetail__x{position:absolute;top:2%;right:3%;font-family:"CNN Clock Display Bold";font-size:15px;align-self:flex-start;color:#fff}.areaDetail__x:hover{cursor:pointer}@media(max-width:767px){.areaDetail__x{display:none}}.areaDetail__content{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start}.areaDetail__content__detail{width:100%;height:auto;padding:8px 0;align-self:flex-start;display:flex;justify-content:center}.areaDetail__content__detail:nth-child(2n){background-color:hsla(0,0%,76.9%,.2)}.icon{height:45px;width:45px;margin:2%}.areaDetail__content__detail__texts{align-self:center;width:100%}.areaDetail__content__detail__main{font-family:"CNN Clock Display Medium";font-size:14px;line-height:16px;margin:0}.areaDetail__content__detail__main--state{padding:0 12px;margin-bottom:24px}.areaDetail__content__detail__main--state--copy{font-family:"CNN Clock Display Regular"}.areaDetail__content__detail__sub{font-family:"CNN Clock Display Medium";font-size:9px;line-height:12px;margin:0;color:#abacaf}.areaDetail__content__detail__sub--even{color:#636466}.areaDetail__content__detail__sub--it{font-family:"CNN Clock Display Italic";font-size:12px;line-height:15px;margin:0 0 3px;color:#636466}.grey-background{background-color:#c4c4c4}.grey{color:#636466}.i{margin-left:10px;width:20px;height:auto}.i:hover{cursor:pointer}.areaDetailMobile{position:relative;align-self:center;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center}@media(min-width:768px){.areaDetailMobile{display:none}}@keyframes appear{0%{opacity:0}to{opacity:1}}.areaDetailMobile__header{align-self:center;display:flex;justify-content:space-between}@media(max-width:767px)and (min-width:461px){.areaDetailMobile__header{width:80%}}@media(max-width:460px){.areaDetailMobile__header{width:100%}}.areaDetailMobile__name{font-size:40px;line-height:40px;margin:16px 0 10px}@media(max-width:460px){.areaDetailMobile__name{margin-left:3%}}.areaDetailMobile__close{font-family:"CNN Clock Display Medium";font-size:30px;color:#2a6cb2;margin:16px 0 10px}@media(max-width:460px){.areaDetailMobile__close{margin-right:3%}}.areaDetailMobile__close:hover{cursor:pointer}.returnToIntro{color:#2a6cb2;text-decoration:underline}.returnToIntro:hover{cursor:pointer}.popup{position:absolute;width:350px;height:auto;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);z-index:3;display:flex;justify-content:center}@media(min-width:768px){.popup{right:-60%}}@media(max-width:767px){.popup{align-self:center}}.popup__content{align-self:center;position:relative;width:90%;height:90%;font-size:12px;line-height:16.76px;display:flex;flex-direction:column;justify-content:center}.x{font-family:"CNN Clock Display Bold";position:absolute;top:0;right:0}.x:hover{cursor:pointer}@media(max-width:460px){.x{font-size:18px;top:-5px}}.popup__content__title{font-family:"CNN Clock Display Bold";margin-bottom:0}.arrows{align-self:center;fill:#d0cfcf;margin:0 2%;display:flex;flex-direction:column;justify-content:center}.arrows__arrow{width:14px;height:14px;align-self:center}.arrows__bar{align-self:center;height:2px;width:23px;margin:5px 0}.below{fill:#9f1209}.above{fill:#099f21}.equal{fill:#636466}.score{text-transform:uppercase;font-family:"CNN Clock Display Bold";font-size:8px;margin-top:2px;margin-bottom:0}.compare,.score{align-self:center}.compare{width:97%;height:100%;box-shadow:0 4px 4px rgba(0,0,0,.25);z-index:10;position:absolute;top:70px;background-color:#fff;display:flex;justify-content:center;justify-content:flex-start}@media(max-width:767px){.compare{overflow:hidden;width:100%}}.compare__contents{position:relative;width:100%;height:100%;padding:0;overflow-x:scroll;display:flex;justify-content:center;justify-content:flex-start}@media(max-width:767px){.compare__contents{width:auto}}.compare__x{font-family:"CNN Clock Display Medium";font-size:40px;color:#2a6cb2;position:absolute;top:0;right:0;margin:0 1% 1%;z-index:5}.compare__x:hover{cursor:pointer}@media(max-width:767px){.compare__x{display:none}}.compare__fixed{align-self:flex-start;z-index:10;min-height:100%;height:auto;left:0;top:0;width:15%;background-color:#f5f3f3;box-shadow:0 4px 4px rgba(0,0,0,.25);padding-top:70px;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start}@media(max-width:767px){.compare__fixed{position:sticky;min-width:150px;padding-top:100px}}.compare__fixed__add{align-self:center;height:35px;width:90%;background-color:#2a6cb2;color:#fff;font-size:"CNN Clock Display Medium";font-size:12px;border:none}.compare__fixed__add:hover{cursor:pointer}.compare__fixed__area{font-size:"CNN Clock Display Medium";align-self:center;display:flex;flex-direction:column;justify-content:center}.compare__fixed__area__button{min-height:73px;height:73px;display:flex;justify-content:center}.compare__fixed__area__area{padding:0 5px;width:100%;height:70px;align-self:center;display:flex;justify-content:center;justify-content:space-between}.compare__fixed__area__title{height:70px;display:flex;justify-content:center}.compare__fixed__area__title-text{align-self:center;font-size:17px;line-height:24px}.compare__fixed__area__names{align-self:center;font-size:12px;padding-left:3%;margin-bottom:20px;text-align:start;margin-right:3%}td,th{width:20%;height:60px;padding:5px}.table__container{min-height:100%;display:flex;justify-content:center;justify-content:flex-start}.table,.table__container{align-self:flex-start;height:auto;width:100%}.table{border-collapse:collapse;margin-top:70px;text-align:center;table-layout:fixed;border:none;background-color:#fff}@media(max-width:767px){.table{min-width:800px;width:800px;height:auto;margin-top:100px}}.remove{align-self:center;width:18px;height:auto;margin:0}.remove:hover{cursor:pointer}.table__head{position:relative;font-size:19px;line-height:25px;font-family:"CNN Clock Display Regular";font-weight:400}@media(max-width:767px){.table__head{font-size:17px;line-height:21px}}.table__average{font-family:"CNN Clock Display Medium"}.table__average__data{font-size:40px;line-height:56px}@media(max-width:767px){.table__average__data{font-size:30px;line-height:46px}}.table__data{align-self:center;font-size:30px}.compare__popup-mobile{align-self:flex-start;position:relative;display:flex;justify-content:center}.comparePopup{align-self:center;z-index:100;text-align:left;left:10%;width:300px}@media(max-width:767px){.comparePopup{align-self:center;width:250px;left:-10%}}.definition{margin-left:2px;position:absolute;align-self:center;width:17px;height:auto;padding-top:-20px}@media(min-width:1160px){.definition{top:17px}}.definition:hover{cursor:pointer}.comparePopup__x{font-family:"CNN Clock Display Bold";position:absolute;top:5px;right:0}.comparePopup__x:hover{cursor:pointer}@media(max-width:1600px)and (min-width:1301px){.comparePopup--forecast{left:-5%}}@media(max-width:1300px)and (min-width:1201px){.comparePopup--forecast{left:-15%}}@media(max-width:1200px)and (min-width:1050px){.comparePopup--forecast{left:-30%}}@media(max-width:1049px)and (min-width:880px){.comparePopup--forecast{left:-50%}}@media(max-width:879px)and (min-width:768px){.comparePopup--forecast{left:-70%}}@media(max-width:767px){.comparePopup--forecast{left:-30%}}.colorKey{border:1px solid #d0d0d1;background-color:#fff;width:72px;height:auto;padding-top:7px;display:flex;flex-direction:column;justify-content:center}@media(max-width:767px)and (min-width:501px){.colorKey{border:none;width:auto;height:100px}}@media(max-width:500px){.colorKey{border:none;width:auto;height:200px}}.colorKey__content{align-self:center;align-items:baseline;width:auto;height:100%;display:flex;justify-content:center}@media(min-width:768px){.colorKey__content{height:auto;width:72px;display:flex;flex-direction:column;justify-content:center}}@media(max-width:500px){.colorKey__content__desktop{display:none}}@media(min-width:501px){.colorKey__content__mobile{display:none}}.colorKey__divider{align-self:center;margin:0;height:70px;width:1px;background-color:#d0d0d1}@media(min-width:768px){.colorKey__divider{display:none}}.colorKey__divider__horizontal{align-self:center;min-height:1px;width:70%;height:1px;background-color:#d0d0d1;z-index:10}@media(min-width:501px){.colorKey__divider__horizontal{display:none}}.key{align-self:baseline;align-items:baseline;height:59px;width:72px;display:flex;flex-direction:column;justify-content:center}@media(max-width:767px){.key{padding:0 8px;width:90px;height:100px}}@media(max-width:500px){.key{padding:5px}}.key__circle{align-self:center;width:21px;height:21px}@media(max-width:767px){.key__circle{width:30px;height:30px}}.key__text{align-self:center;font-family:"CNN Clock Display Bold";font-size:8px;text-align:center;line-height:11px}@media(max-width:767px){.key__text{font-family:"CNN Clock Display Medium";font-size:12px;line-height:15px}}.colorKey__shortage{fill:#338526}.colorKey__jobloss{fill:#a2fc93}.colorKey__loss{fill:#ffc5fe}.colorKey__highShortage{fill:#205318}.colorKey__sufficient{fill:#4ed038}.colorKey__growth1{fill:#ff77fa}.colorKey__growth2{fill:#d245cd}.colorKey__growth3{fill:#691c66}.colorKey__growth4{fill:#210520}.colorKey__unaffordable{fill:#391010}.colorKey__affordable{fill:#a93a3a}.colorKey__veryAffordable{fill:#f85757}.colorKey__extremeAffordable{fill:#ff9e9e}.colorKey__drop{fill:#762d0d}.colorKey__growth20{fill:#ddb834}.colorKey__growth10{fill:#dd6a2e}.colorKey__growth30{fill:#f8e757}.colorKey__growth40{fill:#fdff9e}.selectState{position:absolute;bottom:-10px;margin-bottom:-300%;align-self:center;box-shadow:0 0 4px rgba(0,0,0,.25);width:100%;height:65%;min-height:275px;max-height:850px;background-color:#fff;overflow-y:scroll;z-index:8;display:flex;justify-content:center}@keyframes slideUp{0%{margin-bottom:-300%}to{margin-bottom:-10px}}@keyframes slideDown{0%{margin-bottom:-10px}to{margin-bottom:-300%}}.selectState__content{align-self:center;position:relative;width:100%;height:100%;margin:40px 0;padding-top:60px;padding-bottom:60px;overflow-y:scroll;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start}.selectState__content__area{align-self:center;text-align:center;font-family:"CNN Clock Display Bold";font-size:20px;margin-bottom:0}.selectState__content__area:hover{cursor:pointer}.selectState__content__metro{font-family:"CNN Clock Display Regular"}.select{opacity:0;width:309px;height:34px;background-color:#fff;border-radius:14px;align-self:center;margin-top:100px;margin-bottom:16px;border:1px solid #c4c4c4;text-transform:uppercase;font-family:"CNN Clock Display Bold";z-index:3;font-size:12px;line-height:17px;color:#2a6cb2;text-decoration:none}.select:hover{cursor:pointer}.select:active{box-shadow:0 .5em .5em -.4em #2a6cb2;transform:translateY(-1.5px);cursor:pointer}@media(min-width:768px){.select{display:none}}.select__arrow{width:19.5px;height:auto;margin-top:2px;margin-right:-90px;margin-left:70px}.select__arrow--nav{transform:rotate(180deg)}.areaDetailMobile__select{position:static;margin:15px 0;opacity:1}.selectState__close{align-self:center;position:absolute;width:100%;height:50px;background-color:#fff;color:#2a6cb2;font-family:"CNN Clock Display Regular";font-size:20px;z-index:10;text-align:center;bottom:0;margin:0;display:flex;justify-content:center}.selectState__close:hover{cursor:pointer}.selectState__close__text{position:relative;align-self:center;margin:0}.selectState__close:before{position:absolute;content:"";z-index:10;bottom:50px;left:0;width:100%;height:40px;pointer-events:none;background-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,0))}.selectStateNav{width:100%;align-self:center;height:auto;margin-bottom:30px;display:flex;justify-content:center;justify-content:space-between}@media(min-width:768px){.selectStateNav{display:none}}.selectStateNav__text{font-size:16px;line-height:16px;text-align:center}.selectStateNav__divider{height:73px;align-self:center;width:3px;background-color:#d0d0d1}.selectStateNav__section{align-self:center;margin:0 2%;width:40%;display:flex;justify-content:center}.selectStateNav__section:hover{cursor:pointer}.selectStateNav__icon{align-self:center;height:40px;width:auto;fill:none;margin:0 8%}.selectStateNav__icon--reverse{transform:rotate(180deg)}.resetCompare{align-self:center;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center}@media(max-width:767px){.resetCompare{width:60px;position:static;flex-direction:column-reverse;justify-content:flex-start;align-self:flex-start;margin-left:10%}}.navRight__icon{height:30px;width:30px;align-self:flex-start;margin-bottom:15px}.navRight__icon:hover{cursor:pointer}@media(max-width:767px){.navRight__icon{height:47px;width:47px;margin-bottom:20px}}.compare__icon:hover{animation:wiggle 1s ease-in-out}.reset:hover{transform:scale(1.05)}.navRight__compare{position:relative;display:flex;justify-content:center;height:30px;width:30px;margin-bottom:15px}@media(max-width:767px){.navRight__compare{height:47px;width:47px;margin-bottom:10px}}.howToIcon{align-self:center}.howToIcon:hover{animation:spin 2s infinite}@keyframes wiggle{0%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}to{transform:rotate(0deg)}}.hamburger{max-width:500px;width:90%;height:100%;position:absolute;margin-left:-100%;left:0;top:0;z-index:11;background-color:#fff;padding-top:70px;display:flex;justify-content:center}.hamburger__container{height:100%;align-self:center;flex-direction:column}.hamburger__container,.hamburger__resetCompare{width:100%;display:flex;justify-content:center;justify-content:flex-start}.hamburger__resetCompare{align-self:flex-start;height:auto;margin-bottom:-10px}.hamburger__resetCompare__name{width:auto;display:flex;flex-direction:column;justify-content:center;margin-top:-10px;align-self:flex-start}.hamburger__resetCompare__text{align-self:flex-start;line-height:34px}@keyframes slideRight{0%{margin-left:-100%}to{margin-left:0}}@keyframes slideLeft{0%{margin-left:0}to{margin-left:-100%}}.icon{align-self:center;height:47px;width:auto}.icon:hover{cursor:pointer}.hamburger__resetCompare__howto{height:auto;display:flex;justify-content:center;margin-left:8.5%;justify-content:flex-start;margin-top:10px}.hamburger__resetCompare__howto__text{align-self:center;margin-left:1%}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"CNN Clock Display Regular"}@font-face{font-family:"CNN Clock Display Bold";src:url(/interactive/nar/map/static/media/CNNClockDisplayW00-Bold.7dfa0d30.woff2)}@font-face{font-family:"CNN Clock Display Italic";src:url(/interactive/nar/map/static/media/CNNClockDisplayW00-Italic.59452345.woff2)}@font-face{font-family:"CNN Clock Display Medium Italic";src:url(/interactive/nar/map/static/media/CNNClockDisplayW00-MediumIt.6d643203.woff2)}@font-face{font-family:"CNN Clock Display Medium";src:url(/interactive/nar/map/static/media/CNNClockDisplayW00-Medium.f4ec9608.woff2)}@font-face{font-family:"CNN Clock Display Regular";src:url(/interactive/nar/map/static/media/CNNClockDisplayW00-Regular.3eb85837.woff2)}@font-face{font-family:"CNN Clock Display Thin";src:url(/interactive/nar/map/static/media/CNNClockDisplayW00-Thin.01c7d012.woff2)}@font-face{font-family:"CNN Clock Bold";src:url(/interactive/nar/map/static/media/CNNClockW00-Bold.b637c1d3.woff2)}@font-face{font-family:"Spartan-Regular";src:url(/interactive/nar/map/static/media/Spartan-Regular.226a5775.woff2)}@media(max-width:767px){.desktop-only{display:none}}@media(min-width:768px){.mobile-only{display:none}}.narBlue{color:#2a6cb2}.navTooltip{position:absolute;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);margin:0;padding:0 5px;z-index:100}.navTooltip-content{font-size:12px;margin:0}.navTooltip-logo{visibility:hidden}.bold{font-family:"CNN Clock Display Bold"}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intro__content{align-self:center;position:relative;width:534px;height:462px;display:flex;justify-content:center}@media(max-width:767px){.intro__content{width:100%;height:100%;justify-content:flex-end;margin-bottom:100px}}.howtoInfo{align-self:center;position:absolute}@media(max-width:767px){.howtoInfo{max-width:534px;width:100%;height:100%;justify-content:flex-end}}.intro__popup{opacity:0;position:absolute;z-index:11;left:0;width:100%;height:100%;align-self:center;display:flex;flex-direction:column;justify-content:center}@media(min-width:768px){.intro__popup{border:4px solid #d0d0d1;border-radius:4px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25)}}@media(max-width:767px){.intro__popup{margin:30% 5px 0;width:96%;height:100%;background-color:transparent;align-self:flex-start}}@media(max-width:767px){.howtoInfo__popup{border:4px solid #d0d0d1;border-radius:4px;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);height:auto}}.introCopy{align-self:center;width:100%;height:auto;padding:10px;display:flex;flex-direction:column;justify-content:center}@media(min-width:768px){.introCopy{height:384px}}.howTo{align-self:center;transition:opacity .7s ease-in;width:100%;height:auto;margin:0;display:flex;flex-direction:column;justify-content:center}.howTo__title{font-family:"CNN Clock Display Bold";color:#2a6cb2;font-size:24px;line-height:40px}.howTo__title--intro{align-self:center;margin-bottom:21px;font-size:24px;line-height:40px;text-align:center;text-transform:uppercase}@media(max-width:767px){.howTo__title--intro{margin-top:20px;margin-bottom:0}}.howTo__title--menu{text-align:start;width:100%;align-self:flex-start;margin-left:10%;font-size:22px}.howTo__icons{flex-direction:column}.howTo__icons,.howTo__icons--row1{width:100%;height:auto;display:flex;justify-content:center}.howTo__icons--row1{transition:opacity .7s ease-in;justify-content:space-around;align-items:baseline}.howTo__icons--row2{transition:opacity .7s ease-in .5s;padding:14px 0;width:100%;height:auto;display:flex;justify-content:center;align-items:center}@media(max-width:767px){.howTo__icons--row2{display:none}}.howTo__icons--intro{align-self:center}@media(max-width:767px){.howTo__icons--intro{margin-bottom:20px}}@media(min-width:768px){.howTo__icons--intro{margin-bottom:65px}}.howTo__icons--menu{align-self:flex-start;padding:10px;justify-content:flex-start;flex-wrap:wrap}.howTo__icons__icon{height:129px;width:30%;align-self:baseline;display:flex;flex-direction:column;justify-content:center}.howTo__icons__icon--row{flex-wrap:nowrap;width:40%;height:auto;display:flex;justify-content:center}@media(max-width:767px){.howTo__icons__icon--menu{width:40%}}.howTo__icons__icon-icon{align-self:center;height:68px;width:auto}.howTo__icons__icon-text{align-self:center;width:118px;font-size:12px;line-height:13px;text-align:center;margin-bottom:0}.howTo__icons__icon-text--row{padding-left:10px;width:123px;align-self:center;text-align:start}.howTo__icons__icon-text--bold{font-family:"CNN Clock Display Bold"}.intro__popup__button{align-self:center;background-color:#2a6cb2;border:none;color:#fff;width:114px;height:40px;z-index:3;margin-bottom:38px}.intro__popup__button:hover{cursor:pointer;transform:scale(1.05)}@media(max-width:767px){.intro__popup__button{margin-bottom:20px}}.introCopy__logo{align-self:center}.intro__popup__logo{align-self:center;width:142px;height:auto}.intro__popup__intro{align-self:center;text-align:center;width:80%;font-size:14px;line-height:19px}.introCopy__hamburger{text-align:start}@keyframes textAlign{0%{text-align:start}to{text-align:center}}.intro__popup__title{align-self:center;text-align:center;width:70%;font-family:"CNN Clock Display Medium";font-size:22px;line-height:22px;margin-bottom:0;margin-top:10px}.r{font-family:"Spartan-Regular"}.mouse{width:57.87px;height:auto}.click{width:81px;height:auto}.intro__popup__close{position:absolute;top:10px;right:10px;width:20px;height:20px;z-index:20}.intro__popup__close:hover{cursor:pointer}.header{width:100%;overflow:hidden;height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;min-width:320px;padding:0;margin:0}.header>*{box-sizing:border-box}.header__bar{width:100%;height:32px;display:flex;align-items:center}.header__bar--black{padding-left:24px;grid-gap:32px;gap:32px;background-color:#000;justify-content:flex-start}.header__bar--black__text{display:flex;justify-content:center;grid-gap:8px;gap:8px;text-decoration:none;color:#666;align-self:center;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.04em}.header__bar--black__text svg{fill:none;display:inline-block;align-self:center;width:8px;height:14.8px}.header__bar--gold{justify-content:center;background-color:#af8d43;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:16px;letter-spacing:.01em}.header__logo{width:32px;height:100%}.header__logo img{height:100%;width:100%}
/*# sourceMappingURL=main.8e73dc7c.chunk.css.map */