:root{--stateNameColor:#e43e30;--stateNameSize:3.75rem;--titleColor:#7f2729;--contentColor:#000;--contentSize:1.125rem;--mapColor:#e03c31;--mapHoveredColor:#282828;--mapBordersColor:#282828}*{box-sizing:border-box}.map-container{max-width:100%}.map-container path,.map-container polygon{fill:var(--mapColor);stroke:var(--mapBordersColor)}.map-container path:hover,.map-container polygon:hover{fill:var(--mapHoveredColor);cursor:pointer;transition:.2s}.modal{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s ease;width:100%}.data-container{padding:0;width:clamp(500px,55vw,70vw)}.data-container,.modal .modal-content{align-items:center;display:flex;flex-direction:column}.modal .modal-content{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-content .close{color:#000;cursor:pointer;font-size:24px;position:absolute;right:20px;top:10px}.modal.active{display:block}.modal.active.animate{opacity:1}.state-name{color:var(--stateNameColor);display:block;font-family:Obviously,sans-serif;font-weight:700;letter-spacing:2px;line-height:130%;margin-bottom:.75rem;margin-top:1rem;margin:.25rem 0;text-align:center}@media (max-width:29.999em){.state-name{font-size:2.25rem}}@media (min-width:30em) and (max-width:39.999em){.state-name{font-size:3rem}}@media (min-width:40em){.state-name{font-size:3.75rem}}.state-title{color:var(--titleColor);display:block;font-family:Obviously,sans-serif;font-weight:700;letter-spacing:.25px;line-height:130%;margin-bottom:.75rem;margin-top:1rem}@media (max-width:34.999em){.state-title{font-size:1.125rem}}@media (min-width:35em) and (max-width:59.999em){.state-title{font-size:1.625rem}}@media (min-width:60em){.state-title{font-size:2.25rem}}.state-content{border-bottom:1px solid;color:var(--contentColor);font-size:var(--contentSize);margin-bottom:.75rem;margin-top:.5rem;padding:20px 0;text-align:center;width:clamp(300px,100%,900px)}#states-choice{-webkit-appearance:none;-moz-appearance:none;appearance:normal;background-color:#f2f2f2;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyNiI+PHBhdGggZD0iTTguMSAyNSAxNiAxMi43SC4xIi8+PC9zdmc+);background-position:100% 0;background-repeat:no-repeat;border:1px solid #f2f2f2;border-radius:10px;-webkit-box-shadow:none;box-shadow:none;color:#282828;display:block;font-size:.875rem;height:2.5rem;outline:none;padding:.5rem 2rem .5rem .5rem;width:100%}.logos-container{text-align:center}@media (max-width:768px){.data-container{width:100%}}