.chart-container {
            width: 100%;
            min-height: 360px;
        }

        .filtered-chart-container,
        #filteredMsmeStateCharts .chart-container {
            min-height: 360px;
            height: 360px;
        }

        .chart-scroll-shell {
            position: relative;
        }

        .chart-scroll-row {
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            scrollbar-width: thin;
        }

            .chart-scroll-row > .col-8 {
                scroll-snap-align: start;
            }

        .chart-scroll-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 20;
            width: 42px;
            height: 42px;
            border: 0;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: #022166;
            color: #fff;
            box-shadow: 0 12px 28px rgba(2, 33, 102, .22);
            transition: .2s ease;
        }

            .chart-scroll-arrow:hover {
                background: #67bd50;
            }

            .chart-scroll-arrow.is-hidden {
                opacity: 0;
                pointer-events: none;
            }

        .chart-scroll-left {
            left: 10px;
        }

        .chart-scroll-right {
            right: 10px;
        }

        .chart-scroll-shell::before,
        .chart-scroll-shell::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 14px;
            width: 70px;
            z-index: 10;
            pointer-events: none;
        }

        .chart-scroll-shell::before {
            left: 0;
            background: linear-gradient(90deg, #f7faf9, transparent);
        }

        .chart-scroll-shell::after {
            right: 0;
            background: linear-gradient(270deg, #f7faf9, transparent);
        }

        .map-placeholder {
            position: relative;
            min-height: 520px;
            overflow: hidden;
            border-radius: 24px;
            background: #eef7f1;
        }

        #map {
            width: 100%;
            height: 520px;
            min-height: 520px;
            border-radius: 24px;
        }

        .selected-state-badge {
            position: absolute;
            top: 18px;
            left: 18px;
            z-index: 5;
            background: #022166;
            color: #fff;
            padding: .75rem 1rem;
            border-radius: 999px;
            font-weight: 800;
            box-shadow: 0 12px 28px rgba(2, 33, 102, .25);
        }

            .selected-state-badge small {
                opacity: .75;
                margin-left: .35rem;
            }