.sm-svg-fill-color, .sm-autocomplete > ul > li[role="option"]:hover .sm-pin, .sm-autocomplete > ul > li[aria-selected="true"] .sm-pin {
  fill: #707070; }

.sm-svg-stroke-color, .sm-pin {
  stroke: #707070; }

.sm-autocomplete {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #707070;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 8px center;
  box-sizing: border-box;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2); }
  .sm-autocomplete > svg {
    position: absolute;
    top: calc(50% - 12px);
    left: 10px; }
  .sm-autocomplete [type="search"]::-ms-clear {
    width: 24px;
    height: 24px; }
  .sm-autocomplete [type="search"]::-ms-reveal {
    width: 24px;
    height: 24px; }
  .sm-autocomplete [type="search"], .sm-autocomplete [type="text"] {
    border: none;
    padding: .2em .5em .2em 40px;
    line-height: 3rem;
    height: 3.4rem;
    font-size: 100%;
    background-color: #ffffff;
    color: #707070;
    width: 100%; }
  .sm-autocomplete ::-moz-placeholder {
    color: #707070; }
  .sm-autocomplete :-ms-input-placeholder {
    color: #707070; }
  .sm-autocomplete ::placeholder {
    color: #707070; }
  .sm-autocomplete [hidden] {
    display: none; }
  .sm-autocomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0); }
  .sm-autocomplete > ul {
    position: absolute;
    left: -1px;
    right: -1px;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 1px 0 0 0;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    text-shadow: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .sm-autocomplete > ul[hidden],
  .sm-autocomplete > ul:empty {
    display: none; }
  @supports (transform: scale(0)) {
    .sm-autocomplete > ul {
      transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
      transform-origin: 1.43em -0.43em; }
    .sm-autocomplete > ul[hidden],
    .sm-autocomplete > ul:empty {
      opacity: 0;
      transform: scale(0);
      display: block;
      transition-timing-function: ease; } }
  .sm-autocomplete.suggestion-item-row > ul > li[role="option"] {
    align-items: center; }
    .sm-autocomplete.suggestion-item-row > ul > li[role="option"] > .sm-multi-span {
      display: block; }
    .sm-autocomplete.suggestion-item-row > ul > li[role="option"] .sm-leading:after {
      content: ', '; }
  .sm-autocomplete.suggestion-item-column > ul > li[role="option"] {
    align-items: center; }
    .sm-autocomplete.suggestion-item-column > ul > li[role="option"] > .sm-multi-span {
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .sm-autocomplete.sm-brand-yellowmaps .autocomplete-brand {
    font-size: 11px;
    font-weight: bold; }
    .sm-autocomplete.sm-brand-yellowmaps .autocomplete-brand svg {
      width: 80px;
      margin-left: .5em; }
  .sm-autocomplete.sm-brand-smartmaps .autocomplete-brand {
    font-size: 11px;
    font-weight: bold; }
    .sm-autocomplete.sm-brand-smartmaps .autocomplete-brand svg {
      width: 80px;
      margin-left: .5em; }
  .sm-autocomplete > ul > li {
    position: relative;
    padding: .5em;
    margin-bottom: 1px;
    cursor: pointer;
    min-height: 2.6rem;
    line-height: 1.3em;
    box-sizing: border-box;
    font-size: 100%;
    display: flex; }
    .sm-autocomplete > ul > li > svg {
      margin-right: .5em; }
    .sm-autocomplete > ul > li > span {
      flex: 1; }
    .sm-autocomplete > ul > li .autocomplete-pin {
      fill: none;
      stroke: #707070; }
    .sm-autocomplete > ul > li.autocomplete-brand {
      font-size: 11px;
      min-height: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 .5em; }
      .sm-autocomplete > ul > li.autocomplete-brand[aria-selected="true"] {
        background: transparent;
        color: #707070; }
      .sm-autocomplete > ul > li.autocomplete-brand > a, .sm-autocomplete > ul > li.autocomplete-brand a:hover, .sm-autocomplete > ul > li.autocomplete-brand a:link, .sm-autocomplete > ul > li.autocomplete-brand a:active, .sm-autocomplete > ul > li.autocomplete-brand a:invalid {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #707070;
        height: inherit; }
    .sm-autocomplete > ul > li .sm-trailing, .sm-autocomplete > ul > li .sm-addition {
      color: #707070; }
    .sm-autocomplete > ul > li[role="option"]:hover, .sm-autocomplete > ul > li[aria-selected="true"] {
      background: #ebebeb;
      color: #707070; }
      .sm-autocomplete > ul > li[role="option"]:hover .autocomplete-pin, .sm-autocomplete > ul > li[aria-selected="true"] .autocomplete-pin {
        fill: #707070;
        stroke: none; }
      .sm-autocomplete > ul > li[role="option"]:hover .sm-trailing, .sm-autocomplete > ul > li[role="option"]:hover .sm-addition, .sm-autocomplete > ul > li[aria-selected="true"] .sm-trailing, .sm-autocomplete > ul > li[aria-selected="true"] .sm-addition {
        color: #707070; }
      .sm-autocomplete > ul > li[role="option"]:hover .sm-pin, .sm-autocomplete > ul > li[aria-selected="true"] .sm-pin {
        stroke: none; }
  .sm-autocomplete mark {
    font-weight: bold;
    background: transparent;
    padding: 0;
    color: inherit; }
  .sm-autocomplete li:hover mark, .sm-autocomplete li[aria-selected="true"] mark {
    background: transparent;
    color: inherit; }

@supports (--css: variables) {
  .sm-svg-fill-color, .sm-autocomplete > ul > li[role="option"]:hover .sm-pin, .sm-autocomplete > ul > li[aria-selected="true"] .sm-pin {
    fill: var(--smartmaps-text-color); }
  .sm-svg-stroke-color, .sm-pin {
    stroke: var(--smartmaps-text-color); }
  .sm-autocomplete {
    font-size: var(--smartmaps-font-size);
    color: var(--smartmaps-text-color);
    box-shadow: var(--smartmaps-boxshadow);
    border: var(--smartmaps-border); }
    .sm-autocomplete [type="search"], .sm-autocomplete [type="text"] {
      background-color: var(--smartmaps-input-bg-color);
      color: var(--smartmaps-text-color); }
    .sm-autocomplete ::-moz-placeholder {
      color: var(--smartmaps-text-color); }
    .sm-autocomplete :-ms-input-placeholder {
      color: var(--smartmaps-text-color); }
    .sm-autocomplete ::placeholder {
      color: var(--smartmaps-text-color); }
    .sm-autocomplete > ul {
      background: var(--smartmaps-suggestion-bg);
      border: var(--smartmaps-border);
      box-shadow: var(--smartmaps-boxshadow);
      border-top: none;
      text-shadow: none; }
      .sm-autocomplete > ul > li > .autocomplete-pin {
        stroke: var(--smartmaps-text-color); }
      .sm-autocomplete > ul > li.autocomplete-brand[aria-selected="true"] {
        background-color: transparent;
        color: var(--smartmaps-text-color); }
      .sm-autocomplete > ul > li.autocomplete-brand > a, .sm-autocomplete > ul > li.autocomplete-brand a:hover, .sm-autocomplete > ul > li.autocomplete-brand a:link, .sm-autocomplete > ul > li.autocomplete-brand a:active, .sm-autocomplete > ul > li.autocomplete-brand a:invalid {
        color: var(--smartmaps-text-color); }
      .sm-autocomplete > ul > li .sm-trailing, .sm-autocomplete > ul > li .sm-addition {
        color: var(--smartmaps-text-color); }
      .sm-autocomplete > ul > li[role="option"]:hover, .sm-autocomplete > ul > li[aria-selected="true"] {
        background: var(--smartmaps-suggestion-hover-bg);
        color: var(--smartmaps-suggestion-hover-fg); }
        .sm-autocomplete > ul > li[role="option"]:hover .sm-svg-fill-color, .sm-autocomplete > ul > li[role="option"]:hover .sm-pin, .sm-autocomplete > ul > li[aria-selected="true"] .sm-autocomplete > ul > li[role="option"]:hover .sm-pin, .sm-autocomplete > ul > li[aria-selected="true"] .sm-svg-fill-color, .sm-autocomplete > ul > li[aria-selected="true"] .sm-autocomplete > ul > li[role="option"]:hover .sm-pin, .sm-autocomplete > ul > li[role="option"]:hover .sm-autocomplete > ul > li[aria-selected="true"] .sm-pin, .sm-autocomplete > ul > li[aria-selected="true"] .sm-pin {
          fill: var(--smartmaps-suggestion-hover-fg); }
        .sm-autocomplete > ul > li[role="option"]:hover .sm-svg-stroke-color, .sm-autocomplete > ul > li[role="option"]:hover .sm-pin, .sm-autocomplete > ul > li[aria-selected="true"] .sm-svg-stroke-color, .sm-autocomplete > ul > li[aria-selected="true"] .sm-pin {
          stroke: var(--smartmaps-suggestion-hover-fg); }
        .sm-autocomplete > ul > li[role="option"]:hover .sm-trailing, .sm-autocomplete > ul > li[role="option"]:hover .sm-addition, .sm-autocomplete > ul > li[aria-selected="true"] .sm-trailing, .sm-autocomplete > ul > li[aria-selected="true"] .sm-addition {
          color: var(--smartmaps-suggestion-hover-fg); }
    .sm-autocomplete mark {
      background: var(--smartmaps-mark-bg); }
    .sm-autocomplete li[aria-selected="true"] mark, .sm-autocomplete li:hover mark {
      background: var(--smartmaps-mark-hover-bg); } }
