.map-origin-control {
    display: grid;
    gap: .45rem;
}

.map-origin-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 42px;
    padding: .62rem .9rem;
    border: 1px solid #b8cad8;
    border-radius: 999px;
    background: #fff;
    color: #123b60;
    font: 750 .78rem/1.1 system-ui, sans-serif;
    cursor: pointer;
}

.map-origin-button:hover,
.map-origin-button.is-active {
    border-color: #0b5f91;
    background: #e9f5fb;
    color: #073a61;
}

.map-origin-button:disabled {
    cursor: wait;
    opacity: .65;
}

.map-origin-button svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
}

.map-origin-status {
    margin: 0;
    color: #5c6f7e;
    font-size: .7rem;
    line-height: 1.35;
}

.map-origin-distance {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    color: #0b5f91 !important;
    font-size: .7rem;
    font-weight: 800;
    white-space: nowrap;
}

.map-origin-distance::before {
    content: "⌖";
}

.puls-user-location-marker {
    background: transparent;
    border: 0;
}

.puls-user-location-marker > span {
    position: relative;
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 3px solid #fff;
    border-radius: 50% 50% 50% 8px;
    background: #0878b7;
    box-shadow: 0 3px 12px rgba(3, 34, 64, .35);
    transform: rotate(-45deg);
}

.puls-user-location-marker i {
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: rotate(45deg);
}