body, #app {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.maplibregl-canvas .mapboxgl-canvas {
    width: 100vw;
    height: calc(100vh - var(--mud-appbar-height));
}

.maplibregl-popup {
    max-width: 360px !important;
}

.maplibregl-popup-tip {
    display: none !important;
}

.maplibregl-popup-content {
    max-height: 40vh;
    overflow: auto;
}

.maplibregl-popup-content > button {
    font-size: var(--mud-typography-button-size);
    font-family: var(--mud-typography-button-family);
    font-weight: var(--mud-typography-button-weight);
    line-height: var(--mud-typography-button-lineheight);
    letter-spacing: var(--mud-typography-button-letterspacing);
    text-transform: var(--mud-typography-button-text-transform);
    padding: 0.3rem;
}