.google-map-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.google-map {
    width: 100%;
    height: 100%; /* Set initial height */
}

.google-map-layer-overlay {
    position: absolute;
    pointer-events: none;
    overflow: visible;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}

.google-map-layer-overlay__image {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    user-select: none;
    transform-origin: 0 0;
    will-change: transform;
    backface-visibility: hidden;
    visibility: hidden;
}

.google-map-layer-selector {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.google-map-layer-selector--details {
    top: 10px;
    bottom: auto;
    right: 10px;
}

.google-map-layer-selector__select {
    width: 176px;
}

.google-map-layer-selector__select::part(control) {
    min-width: 176px;
    min-height: 40px;
    padding: 6px 10px;
    border-radius: 2px;
    background-color: #ffffff;
}

@media (max-width: 960px) {
    .google-map-layer-selector {
        top: auto;
        right: auto;
        bottom: 86px;
        left: 9px;
    }
}

.cogo-card .google-map {
    border-radius: calc(var(--layer-corner-radius)* 1px);
}

.w-50 .google-map {
    border-top-right-radius: calc(var(--layer-corner-radius)* 1px);
    border-bottom-right-radius: calc(var(--layer-corner-radius)* 1px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.map-marker-tooltip {
    background: #fff;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
    color: var(--cogo-main-offwhite-color);
    background-color: var(--cogo-main-black-color);
    box-shadow: var(--elevation-shadow-card-rest);
    white-space: nowrap;
    position: relative;
}

.gm-style-iw-tc {
    display: none;
    pointer-events: none;
}

.gm-style-iw-chr {
    display: none;
}

.gm-style-iw-d {
    overflow: hidden !important;
}

.gm-style-iw {
    padding: 0 !important;
}

.gm-style .gm-style-mtc-bbw .gm-style-mtc > ul[role="menu"] {
    top: auto !important;
    bottom: 40px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
}

.gm-style .gm-style-mtc-bbw {
    bottom: 26px !important;
}

.gm-style .gmnoprint:has(.gm-tilt) {
    transform: translateY(-30px) !important;
    z-index: 3 !important;
}

.cogo-asset-marker {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2.5px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    overflow: hidden;
    background-color: var(--cogo-main-black-color, #1a1a1a);
}

.cogo-asset-marker img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}