@font-face {
  font-family: SFProDisplay-Black;
  src: local("SFProDisplay Black"), local("SFProDisplay-Black"),
    url("./SFProDisplay-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Bold;
  src: local("SFProDisplay Bold"), local("SFProDisplay-Bold"),
    url("./SFProDisplay-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Heavy;
  src: local("SFProDisplay Heavy"), local("SFProDisplay-Heavy"),
    url("./SFProDisplay-Heavy.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Light;
  src: local("SFProDisplay Light"), local("SFProDisplay-Light"),
    url("./SFProDisplay-Light.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Regular;
  src: local("SFProDisplay Regular"), local("SFProDisplay-Regular"),
    url("./SFProDisplay-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Medium;
  src: local("SFProDisplay Medium"), local("SFProDisplay-Medium"),
    url("./SFProDisplay-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Semibold;
  src: local("SFProDisplay Semibold"), local("SFProDisplay-Semibold"),
    url("./SFProDisplay-Semibold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Thin;
  src: local("SFProDisplay Thin"), local("SFProDisplay-Thin"),
    url("./SFProDisplay-Thin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Black;
  src: local("SFRounded Black"), local("SFRounded-Black"),
    url("./SFRounded-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProDisplay-Ultralight;
  src: local("SFProDisplay Ultralight"), local("SFProDisplay-Ultralight"),
    url("./SFProDisplay-Ultralight.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Bold;
  src: local("SFRounded Bold"), local("SFRounded-Bold"),
    url("./SFRounded-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Light;
  src: local("SFRounded Light"), local("SFRounded-Light"),
    url("./SFRounded-Light.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Heavy;
  src: local("SFRounded Heavy"), local("SFRounded-Heavy"),
    url("./SFRounded-Heavy.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Medium;
  src: local("SFRounded Medium"), local("SFRounded-Medium"),
    url("./SFRounded-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Regular;
  src: local("SFRounded Regular"), local("SFRounded-Regular"),
    url("./SFRounded-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Semibold;
  src: local("SFRounded Semibold"), local("SFRounded-Semibold"),
    url("./SFRounded-Semibold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Thin;
  src: local("SFRounded Thin"), local("SFRounded-Thin"),
    url("./SFRounded-Thin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFRounded-Ultralight;
  src: local("SFRounded Ultralight"), local("SFRounded-Ultralight"),
    url("./SFRounded-Ultralight.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Black;
  src: local("SFProText Black"), local("SFProText-Black"),
    url("./SFProText-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Bold;
  src: local("SFProText Bold"), local("SFProText-Bold"),
    url("./SFProText-Bold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Heavy;
  src: local("SFProText Heavy"), local("SFProText-Heavy"),
    url("./SFProText-Heavy.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Light;
  src: local("SFProText Light"), local("SFProText-Light"),
    url("./SFProText-Light.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Medium;
  src: local("SFProText Medium"), local("SFProText-Medium"),
    url("./SFProText-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Regular;
  src: local("SFProText Regular"), local("SFProText-Regular"),
    url("./SFProText-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Semibold;
  src: local("SFProText Semibold"), local("SFProText-Semibold"),
    url("./SFProText-Semibold.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Thin;
  src: local("SFProText Thin"), local("SFProText-Thin"),
    url("./SFProText-Thin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: SFProText-Ultralight;
  src: local("SFProText Ultralight"), local("SFProText-Ultralight"),
    url("./SFProText-Ultralight.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}


.pac-logo:after {
  display: none !important;
}

.pac-container {
  width: 100%;
  border-radius: 10px !important;
  padding: 10px !important;
  font: var(--font-regular) !important;
  font-size: 12px !important;
  box-shadow: none !important;
  border: 1px solid var(--color-gray-light6) !important;
  background-color: var(--color-white) !important; 
  margin-top: 6px;
}

.pac-item {
  font: var(--font-regular) !important;
  font-size: 12px !important; 
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center; 
  border: 0px solid rgba(0, 0, 0, 0) !important; 
  border-radius: 10px;
}


.pac-item span:not(.pack-icon){
  font: var(--font-regular);
  font-size: 12px;
}

.pac-item span.pac-icon-marker {
  flex: 0 0 15px;
  filter: invert(1) brightness(0);
}
 
.pac-matched {
  font: var(--font-bold) !important;
  font-size: 12px !important;  
}

.pac-item:hover {
  background-color: var(--color-primary);
  color: var(--color-white);  
}


.pac-item:hover * { 
  color: var(--color-white) !important;
}
 
.pac-item:hover span.pac-icon-marker {
  /* background-position: 48px -161px !important;  */
  filter: invert(1) brightness(1000);
}