.fhe-map-wheel {
    position: absolute;
    z-index: 850;
    bottom: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    max-width: calc(100% - 28px);
    padding: 7px 12px;
    border: 1px solid #c7c7c7;
    border-radius: 999px;
    background: #fff;
    color: #282828;
    box-shadow: 0 2px 9px #0002;
    font: 600 12px/1.35 var(--ui, sans-serif);
    text-align: left;
    cursor: pointer;
}

.fhe-map-wheel[hidden] { display: none; }
.fhe-map-wheel i { font-size: 16px; }
.fhe-map-wheel:hover { border-color: #282828; }
.fhe-map-wheel:focus-visible { outline: 2px solid #74273b; outline-offset: 2px; }
.fhe-map-wheel[aria-pressed="true"] { background: #282828; color: #fff; }

/* Keep the information window and the scale control independent of the artwork. */
.city-panorama-crop,
.city-panorama-layer { position: absolute; inset: 0; }
.city-panorama-crop { overflow: hidden; isolation: isolate; }
.city-panorama-layer { transform-origin: 0 0; }
.city-panorama-scene .fhe-map-wheel { z-index: 4; }

@media (max-width: 1000px) {
    .catalog-map .fhe-map-wheel { bottom: 64px; }
}