gmpx-store-locator {
   width: 100%;
   height: 100%;

   /* These parameters customize the appearance of Locator Plus. See the documentation at
       https://github.com/googlemaps/extended-component-library/blob/main/src/store_locator/README.md
       for more information. */
   --gmpx-color-surface: #fff;
   --gmpx-color-on-surface: #212121;
   --gmpx-color-on-surface-variant: #757575;
   --gmpx-color-primary: #1967d2;
   --gmpx-color-outline: #e0e0e0;
   --gmpx-fixed-panel-width-row-layout: 28.5em;
   --gmpx-fixed-panel-height-column-layout: 65%;
   --gmpx-font-family-base: "Roboto", sans-serif;
   --gmpx-font-family-headings: "Roboto", sans-serif;
   --gmpx-font-size-base: 0.875rem;
   --gmpx-hours-color-open: #188038;
   --gmpx-hours-color-closed: #d50000;
   --gmpx-rating-color: #ffb300;
   --gmpx-rating-color-empty: #e0e0e0;
}

#map {
   height: 400px;
   width: 100%;
   display: none;
   border-radius: 25px;
}

#select-ordenacao {
   margin-bottom: 10px;
   padding: 4px 25px 4px 17px;
   max-width: max-content;
   display: none;
   font-size: 13px;
   background-color: #ffffff;
   border: 1px solid #07a9dc;
}

select{
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 8px center;
   background-size: 16px;
}