.map {
    position: relative;
    background-color: var(--bs-secondary-background);
    width: 100%;
    height: 100%;
}

.map-cover {
    position: relative;
    background-color: #F1F3F5;
    width: 100%;
    height: 7rem;
    border-radius: .6rem;
}

.map-cover img {
    color: transparent;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    border-radius: .6rem;
}

.icon-map-point {
    position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
}

[data-bs-theme=dark] {
    .map {
        background-color: #141414;
    }
}


.map-btn-gps {
    position: absolute;
    bottom: 5rem;
    right: .6rem;
}

.map-btn-gps .btn:active {
    background-color: #fff;
}

.map-btn-gps .btn-spinner {
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    background-color: #fff;
    outline: none;
    border: none;
    text-transform: none;
    appearance: none;
    user-select: none;
    padding: .68rem!important;
}


.map-btn-gps .btn {
    --bs-btn-padding-x: 0.65rem;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    background-color: #fff;
    outline: none;
    border: none;
    text-transform: none;
    appearance: none;
    user-select: none;
}

.map-btn-gps .btn svg {
    fill: #333;
}

.search-view-box {
    background-color: #fff;
    position: absolute; /* абсолютное позиционирование */
    top: 0;            /* привязка к верхнему краю родителя */
    left: 0;           /* привязка к левому краю родителя */
    width: 100%;       /* ширина 100% родителя */
    height: 100%;      /* высота 100% родителя */
    z-index: 10;       /* чтобы быть поверх карты */
}

[data-bs-theme="dark"] {
    .search-view-box {
        background-color: #141414;
    }
}

.marker-wrapper {
    position: relative;
    left: 2px;
    top: 10px;
}