.kml-pmb-wrap {
     position: relative;
     width: 100%;
     margin: 0 auto 50px auto;
}

.kml-pmb-map {
     width: 100%;
     height: 100%;
     border: 0;
}

.kml-pmb-legend {
     display: none;
}

.kml-pmb-legend .line {
     display: inline-block;
     width: 28px;
     height: 0;
     border-top: 4px solid var(--line-color, #174f84);
}

.kml-pmb-legend .dot {
     display: inline-block;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background: #222;
}

.kml-pmb-legend .pin-style {
     clip-path: path("M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7z");
     width: 14px;
     height: 18px;
     border-radius: 0;
     background: #222;
}

.kml-pmb-error {
     margin-top: 8px;
     color: #b00020;
     font-weight: 600;
}

.kml-pmb-listwrap, .kml-pmb-skiplink {
     position: fixed;
     top: -150vh;
     left: -150vw;
     margin-top: 0.75rem;
}

.kml-pmb-list {
     list-style: none;
     padding: 0;
     margin: 0;
     display: grid;
     gap: 0.5rem;
}

.kml-pmb-item {
     padding: 0.5rem 0.75rem;
     font: inherit;
     border: 1px solid #ccc;
     border-radius: 0.375rem;
     background: #fff;
     cursor: pointer;
}

.kml-pmb-item:focus {
     outline: 3px solid #005fcc;
     outline-offset: 2px;
}