/** 
  Google Maps - main container styles
*/

nextjs-portal {
  display: none;
}

#TSC-LOCATOR-NEARBY-STORES-MAP--container > div {
  border-radius: 8px;

  min-height: 704px;
  height: unset;
}

@media only screen and (max-width: 767px) {
  #TSC-LOCATOR-NEARBY-STORES-MAP--container > div {
    min-height: 50dvh;
  }
}

/** 
  Google Maps - info & pin styles (gm)
*/

.gm-style .gm-style-iw-tc {
  left: 2px;
  top: -10px;

  -webkit-filter: none;
  filter: none;
}

.gm-style .gm-style-iw-c {
  min-width: 320px !important;
  max-width: 320px !important;
  padding: 16px;
  padding-bottom: 0px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15) !important;
}

.gm-style-iw-ch {
  padding-top: 16px;
}

.gm-style-iw-d {
  margin-right: -2px;

  padding-bottom: 16px !important;
  padding-right: 16px !important;
  overflow: visible !important;
}

button.gm-ui-hover-effect {
  width: 24px !important;
  height: 24px !important;
  margin-top: 4px !important;
  margin-right: 4px !important;

  opacity: 1;
}

button.gm-ui-hover-effect:hover {
  opacity: 0.6;
}

button.gm-ui-hover-effect > span {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;

  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNUwxMiAxMC41OUw2LjQxIDVMNSA2LjQxTDEwLjU5IDEyTDUgMTcuNTlMNi40MSAxOUwxMiAxMy40MUwxNy41OSAxOUwxOSAxNy41OUwxMy40MSAxMkwxOSA2LjQxWiIgZmlsbD0iIzIyMjIyMiIvPgo8L3N2Zz4K") !important;
  z-index: -1;
  position: relative;
}

/** 
  Store info container over the map pin
*/
.gm-style-iw-t {
  right: 0px;
  bottom: 86px !important;
}

.gm-style .gm-style-iw-tc::after {
  height: 20px;
  width: 20px;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  transform: rotate(-45deg);
  border-radius: 4px;
}