/**

* @license

* Copyright 2019 Google LLC. All Rights Reserved.

* SPDX-License-Identifier: Apache-2.0

*/

/*

* Always set the map height explicitly to define the size of the div element

* that contains the map.

*/

#map {

    height: 100%;

}



/*

* Optional: Makes the sample page fill the window.

*/

html,

body {

    height: 100%;

    margin: 0;

    padding: 0;

}



#description {

    font-family: Roboto;

    font-size: 15px;

    font-weight: 300;

}



#infowindow-content .title {

    font-weight: bold;

}



#infowindow-content {

    display: none;

}



#map #infowindow-content {

    display: inline;

}



.pac-card {

    background-color: #fff;

    border: 0;

    border-radius: 2px;

    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);

    margin: 10px;

    padding: 0 0.5em;

    font: 400 18px Roboto, Arial, sans-serif;

    overflow: hidden;

    font-family: Roboto;

    padding: 0;

}



#pac-container {

    padding-bottom: 12px;

    margin-right: 12px;

}



.pac-controls {

    display: inline-block;

    padding: 5px 11px;

}



.pac-controls label {

    font-family: Roboto;

    font-size: 13px;

    font-weight: 300;

}



#title {

    color: #fff;

    background-color: #4d90fe;

    font-size: 25px;

    font-weight: 500;

    padding: 6px 12px;

}



#target {

    width: 345px;

}

.price-tag.active {
    border: 1px solid white;
    z-index: 1000;
    scale: 125%;
}

/* .active.price-tag::after {
    background-color: #af6a2e;
    border-radius: 8px;
    color: #ae2121;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
} */

.price-tag {
    background-color: #4285F4;
    border-radius: 8px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
}

.price-tag::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #4285F4;
}

.yNHHyP-marker-view:has(.active) {
    z-index: 1 !important;
}