.mapboxgl-ctrl-geocoder {
  width: 100%;
  max-width: none;
  border-radius: 0.5rem;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  z-index: auto;
  font-family: inherit;
  .mapboxgl-ctrl-geocoder--icon {
    display: none
  }
  .mapboxgl-ctrl-geocoder--input {
    display: block !important
  }
  .mapboxgl-ctrl-geocoder--input {
    width: 100% !important
  }
  .mapboxgl-ctrl-geocoder--input {
    border-style: none !important
  }
  .mapboxgl-ctrl-geocoder--input {
    background-color: transparent !important
  }
  .mapboxgl-ctrl-geocoder--input {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important
  }
  .mapboxgl-ctrl-geocoder--input {
    font-size: 1rem !important;
    line-height: 1.5rem !important
  }
  .mapboxgl-ctrl-geocoder--input {
    --tw-text-opacity: 1 !important;
    color: rgb(3 7 18 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
  }
  .mapboxgl-ctrl-geocoder--input {
    transition-duration: 75ms !important
  }
  .mapboxgl-ctrl-geocoder--input::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled {
    --tw-text-opacity: 1 !important;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled {
    -webkit-text-fill-color: #6b7280 !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled::-moz-placeholder {
    -webkit-text-fill-color: #9ca3af !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled::placeholder {
    -webkit-text-fill-color: #9ca3af !important
  }
  .mapboxgl-ctrl-geocoder--input:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input:is(.dark *)::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input:is(.dark *)::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1)) !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled:is(.dark *) {
    -webkit-text-fill-color: #9ca3af !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled:is(.dark *)::-moz-placeholder {
    -webkit-text-fill-color: #6b7280 !important
  }
  .mapboxgl-ctrl-geocoder--input:disabled:is(.dark *)::placeholder {
    -webkit-text-fill-color: #6b7280 !important
  }
  @media (min-width: 640px) {
    .mapboxgl-ctrl-geocoder--input {
      font-size: 0.875rem !important;
      line-height: 1.25rem !important
    }
  }
  @media (min-width: 640px) {
    .mapboxgl-ctrl-geocoder--input {
      line-height: 1.5rem !important
    }
  }
  .suggestions-wrapper {
    left: 1rem;
    right: 1rem
  }
  .suggestions-wrapper {
    max-height: 24rem
  }
  .suggestions-wrapper {
    overflow: auto
  }
  .suggestions-wrapper {
    border-radius: 0.5rem
  }
  .suggestions-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }
  .suggestions-wrapper:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
  }
  @media (min-width: 640px) {
    .suggestions-wrapper {
      left: auto;
      right: auto
    }
  }
  .suggestions-wrapper {
    .suggestions {
      margin-top: 0.5rem
    }
    .suggestions > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0;
      border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
      border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
    }
    .suggestions > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1;
      border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1))
    }
    .suggestions {
      border-radius: 0.5rem
    }
    .suggestions {
      --tw-bg-opacity: 1;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
    }
    .suggestions {
      --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
      --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
    .suggestions {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }
    .suggestions {
      --tw-ring-color: rgb(3 7 18 / 0.05)
    }
    .suggestions {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms
    }
    .suggestions:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
      border-color: rgb(255 255 255 / 0.1)
    }
    .suggestions:is(.dark *) {
      --tw-bg-opacity: 1;
      background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
    }
    .suggestions:is(.dark *) {
      --tw-ring-color: rgb(255 255 255 / 0.1)
    }
    .suggestions {
      li {
        scroll-margin-top: 2.25rem
      }
      li {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms
      }
      li {
        transition-duration: 75ms
      }
      li:focus-within {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
      }
      li:focus-within:is(.dark *) {
        background-color: rgb(255 255 255 / 0.05)
      }
      li {
        a:hover, &.active > a {
          --tw-bg-opacity: 1;
          background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
        }
        a:hover:is(.dark *), &.active > a:is(.dark *) {
          background-color: rgb(255 255 255 / 0.05)
        }
        .mapboxgl-ctrl-geocoder--suggestion-title {
          font-size: 0.875rem;
          line-height: 1.25rem
        }
        .mapboxgl-ctrl-geocoder--suggestion-title {
          font-weight: 500
        }
        .mapboxgl-ctrl-geocoder--suggestion-title {
          --tw-text-opacity: 1;
          color: rgb(3 7 18 / var(--tw-text-opacity, 1))
        }
        .mapboxgl-ctrl-geocoder--suggestion-title:is(.dark *) {
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity, 1))
        }
        .mapboxgl-ctrl-geocoder--suggestion-address {
          font-size: 0.875rem;
          line-height: 1.25rem
        }
        .mapboxgl-ctrl-geocoder--suggestion-address {
          --tw-text-opacity: 1;
          color: rgb(107 114 128 / var(--tw-text-opacity, 1))
        }
        .mapboxgl-ctrl-geocoder--suggestion-address:is(.dark *) {
          --tw-text-opacity: 1;
          color: rgb(156 163 175 / var(--tw-text-opacity, 1))
        }
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        width: 100%
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        padding: 0px
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        text-align: center
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        font-weight: 500
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        line-height: 1
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity, 1))
      }
      .mapboxgl-ctrl-geocoder--powered-by:is(.dark *) {
        background-color: rgb(255 255 255 / 0.05)
      }
      .mapboxgl-ctrl-geocoder--powered-by:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity, 1))
      }
      .mapboxgl-ctrl-geocoder--powered-by {
        a {
          display: block
        }
        a {
          width: 100%
        }
        a {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem
        }
      }
    }
  }
}