.usm-sales-map {
    width: min(1200px, calc(100vw - 32px));
    position: relative;
    /* A transform here shifts the coordinates used by US Map tooltips. */
    left: calc(50% - min(600px, calc(50vw - 16px)));
    margin: 1.5rem 0;
    border: 1px solid #d6e0e7;
    border-radius: 8px;
    background: #f5f8fa;
    color: #19384a;
    font: 14px/1.45 Arial, sans-serif;
    overflow: hidden;
}
.usm-sales-map__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding: 14px;
    background: #fff;
    border-bottom: 1px solid #d6e0e7;
}
.usm-sales-map__filters input,
.usm-sales-map__filters select,
.usm-sales-map__filters button {
    box-sizing: border-box;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #c8d4dc;
    border-radius: 5px;
    background: #fff;
    color: #19384a;
    font: inherit;
}
.usm-sales-map__filters input { flex: 1 1 210px; }
.usm-sales-map__filters select { flex: 1 1 145px; }
.usm-sales-map__filters button { cursor: pointer; }
.usm-sales-map__body { display: grid; grid-template-columns: minmax(0, 1fr) 285px; }
.usm-sales-map__map { min-width: 0; padding: 20px; }
.usm-sales-map__map .usaHtml5MapStateInfo { display: none; }
.usm-sales-map__map .usaHtml5MapContainer { margin: auto; }
/* US Map adds the front-end admin bar height to tooltip Y while logged in. */
.admin-bar .usm-sales-map .fm-tooltip { transform: translateY(-32px); }
.usm-sales-map__panel {
    padding: 20px;
    border-left: 1px solid #d6e0e7;
    background: #fff;
    overflow-wrap: anywhere;
}
.usm-sales-map__panel h3 { margin: 0 0 18px; font-size: 18px; }
.usm-sales-map__panel h4 { margin: 0 0 8px; font-size: 17px; }
.usm-sales-map__panel p { margin: 0 0 12px; }
.usm-sales-map__panel a { display: block; margin-top: 8px; }
.usm-sales-map__footer { padding: 10px 14px; background: #fff; border-top: 1px solid #d6e0e7; }
.usm-sales-map__footer p { margin: 8px 0 0; color: #526b79; font-size: 12px; }
.usm-sales-map__warning { margin: 0; padding: 10px 14px; background: #fff3d6; color: #6b4810; }
.usm-sales-map__legend { display: flex; flex-wrap: wrap; gap: 12px; }
.usm-sales-map__legend-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
}
.usm-sales-map__legend-item span { width: 12px; height: 12px; border-radius: 2px; }
@media (max-width: 782px) {
    .admin-bar .usm-sales-map .fm-tooltip { transform: translateY(-46px); }
}
@media (max-width: 760px) {
    .usm-sales-map__body { grid-template-columns: 1fr; }
    .usm-sales-map__panel { border-left: 0; border-top: 1px solid #d6e0e7; }
    .usm-sales-map__map { padding: 12px; }
}