[data-for="results-wrapper"] {
  position: absolute;
  top: 100%;
  left: 10px;
  right: 10px;
  background: white;
  z-index: 9999;
  border: 1px solid #ccc;
  border-top: none; }
  [data-for="results-wrapper"] ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    [data-for="results-wrapper"] ul li {
      padding: 5px 10px;
      cursor: pointer;
      border-bottom: 1px solid #ccc;
      transition: background-color 0.3s, color 0.3s; }
      [data-for="results-wrapper"] ul li:last-child {
        border: none; }
      [data-for="results-wrapper"] ul li:hover {
        background: #73879C;
        color: white; }

[data-for="sub-results"] {
  border: 1px solid #ccc;
  margin-top: 10px; }
  [data-for="sub-results"] ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    [data-for="sub-results"] ul li {
      padding: 5px 10px;
      border-bottom: 1px solid #ccc;
      display: -ms-flexbox;
      display: flex; }
      [data-for="sub-results"] ul li:last-child {
        border: none; }
      [data-for="sub-results"] ul li > span:first-child {
        -ms-flex: 1 0 100px;
        flex: 1 0 100px;
        padding: 5px 2px; }
      [data-for="sub-results"] ul li > span:last-child {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

.relative-wrapper {
  position: relative; }

[data-for="load-view"] [data-for="results-wrapper"] {
  left: 0;
  right: 0; }

/*# sourceMappingURL=app.css.map */