.national-map {position: relative;padding: 10px;}.national-map_map {-webkit-filter: drop-shadow(5px 5px 10px #a2a2a2);filter: drop-shadow(5px 5px 10px #a2a2a2)
}.national-map_background {max-height: 79vh
}.national-map_card {border-radius: 8px
}.national-map_item {transition: all .2s ease-in-out .1s;cursor: pointer
}.national-map_item--color-0 {fill: #d4e5f2;}.national-map_item--color-1 {fill: #d81b1b;}.national-map_item--color-2 {fill: #e7f522;}.national-map_item--color-3 {fill: #3cd316;}.national-map_item--color-4 {fill: #1ee6f5;}.national-map_item--color-5 {fill: #999ca0;}.national-map_item--legend-active,.national-map_item:hover:not(.national-map_item--disabled) {fill: #f6b83d;}.national-map_item--disabled {fill: #d4e5f2;cursor: auto
}.national-map_disabled-text {position: absolute;top: calc(40% - 20px);left: 20%;font-size: 32px;font-weight: 700;color: var(--general-blue);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none
}.map-tooltip {position: fixed;z-index: 999;display: none;background: #fff;padding: 10px;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.2);pointer-events: none;max-width: 500px;}.map-tooltip.active {display: block;}.map-legend {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 20px;flex-wrap: wrap;}.legend-item {display: flex;align-items: center;gap: 8px;font-size: 14px;color: #333;}.legend-color {width: 16px;height: 16px;border-radius: 3px;display: inline-block;border: 1px solid #999;}