body {
  margin: 2em 10em;
  font: normal 14px/20px verdana, arial;

  .headerText {
    width: 50em;
    margin: 0.4em 0 0.8em 0;
  }

  a.localLink {
    text-decoration: none;
    font-weight: bold;

    &:before {
      content: "⮴ ";
      font-size: 1.5em;
      vertical-align: text-bottom;
      color: red;
    }

    &:hover {
      text-decoration: underline;
    }
  }

  #enableFilter {
    padding: 8px 12px;
    background: #4a90d9;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
  }

  code {
    background-color: rgb(227, 230, 232);
    color: rgb(12, 13, 14);
    padding: 0px 2px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px 0px 0px;
  }

  .hidden {
    display: none !important;
  }

  .enabledText {
    color: green;
  }

  .srch {
    &:after, &:hover:before {
      content: "\2315";
      cursor: pointer;
      font-size: 2em;
      position: absolute;
      margin: -0.2em 0 0 0.2em;
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      color: red;
      width: 2em;
    }

    &:hover:after {
      content: "Filter/seach list";
      color: green;
      font-size: 0.8em;
      font-weight: normal;
      display: inline-block;
      position: absolute;
      margin-left: 2.3em;
      margin-top: -0.2em;
      transition: color 0.6s 0s ease-in;
    }

    &.doHide {
      &:after, &:hover:before {
        content: "\2718";
        font-size: 1em;
        margin: 0 0 0 0.3em;
        width: 2em;
      }

      &:hover:after {
        content: "Hide filter input";
        white-space: nowrap;
        font-size: 0.8em;
        margin-left: 1.5em;
      }
    }
  }

  .srch-inline {
    &:after {
      content: "\2315";
      position: relative;
      font-size: 1.8em;
      color: red;
      font-weight: bold;
    }

  }

  .header {
    max-width: 60em;
    margin: 0 auto;
    display: grid;
  }

  .container {
    display: grid;
    grid-template-columns: 30em 30em;
    gap: 2em;
    width: 60em;
    margin: 0 auto;

    .result {
      display: inline-block;
      margin-left: 0.3em;
    }

    ul {
      .item {
        list-style: none;
        margin: 0.5em 0 0 -2.2em;

        &.cm {
          &:before {
            content: "";
            background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g id="_x30_5_x2C__Harvest_x2C__crate_x2C__arming_and_gardening_x2C__healthy_food_x2C__vegetable_x2C__fruit"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.979" y1="256" x2="511.021" y2="256"><stop offset="0" style="stop-color:%234371C2"/><stop offset="0.0222" style="stop-color:%23486EC1"/><stop offset="0.2216" style="stop-color:%236D58BC"/><stop offset="0.4211" style="stop-color:%238A46B8"/><stop offset="0.6184" style="stop-color:%239E3AB4"/><stop offset="0.8126" style="stop-color:%23AB33B3"/><stop offset="1" style="stop-color:%23AF30B2"/></linearGradient><path style="fill:url(%23SVGID_1_);" d="M503.481,208.343h-7.517c0.754-9.578-1.447-19.227-6.281-27.546 c8.173-4.646,14.582-11.906,18.208-20.867c7.218-17.863,1.58-37.709-13.059-49.124c11.013-22.656,0.386-49.676-22.638-58.984 c-23.123-9.346-49.52,2.861-57.277,26.666c-16.231-1.736-31.214,6.013-39.614,18.764c-4.919-6.323-11.042-11.179-18.17-14.31 c-27.124-11.908-61.461,4.725-81.957,38.227c-6.181-6.695-13.451-12.379-21.542-16.774c9.925-10.346,13.577-25.783,8.575-39.815 c-0.757-2.123-2.429-3.793-4.552-4.548c-15.446-5.488-33.244-0.609-43.591,12.823c-5.058-8.332-13.498-16.892-27.5-23.482 c-3.748-1.764-8.216-0.156-9.979,3.593c-1.764,3.748-0.155,8.216,3.593,9.979c19.931,9.379,24.859,23.473,25.969,31.572 c0.002,0.034,0.006,0.068,0.009,0.103c-20.262,1.856-39.601,11.071-53.892,26.669c-10.545-21.286-37.563-29.755-58.669-16.841 l-9.481,5.797l7.788-52.996c0.603-4.098-2.231-7.908-6.329-8.511c-4.101-0.601-7.908,2.231-8.511,6.33l-7.104,48.344L52.881,75.484 c-2.161-3.535-6.777-4.646-10.312-2.486c-3.533,2.161-4.646,6.777-2.485,10.311l17.078,27.928L10.892,95.532 c-3.92-1.331-8.182,0.769-9.513,4.691c-1.331,3.922,0.77,8.181,4.692,9.513l50.718,17.215l-9.478,5.795 c-23.231,14.212-26.669,46.546-6.968,65.319l10.785,10.278H8.481c-4.143,0-7.5,3.358-7.5,7.5v75c0,4.143,3.357,7.5,7.5,7.5h15v37.5 h-15c-4.143,0-7.5,3.357-7.5,7.5v75c0,4.143,3.357,7.5,7.5,7.5h52.5v30c0,4.143,3.357,7.5,7.5,7.5h75c4.143,0,7.5-3.357,7.5-7.5 v-30h210v30c0,4.143,3.357,7.5,7.5,7.5h75c4.143,0,7.5-3.357,7.5-7.5v-30h52.5c4.143,0,7.5-3.357,7.5-7.5v-75 c0-4.143-3.357-7.5-7.5-7.5h-15v-37.5h15c4.143,0,7.5-3.357,7.5-7.5v-75C510.981,211.701,507.624,208.343,503.481,208.343z M249.045,73.203c1.817,9.785-2.707,19.625-11.085,24.642c-5.51-1.667-11.111-2.736-16.72-3.239 c-0.02-0.22-0.042-0.442-0.065-0.669C222.615,80.201,235.511,70.698,249.045,73.203z M282.329,177.823 c0,10.617-2.468,21.082-7.163,30.52h-96.435l-20.821-70.204C196.52,83.755,282.329,111.385,282.329,177.823z M60.981,410.843h-45 v-60h45V410.843z M60.981,335.843h-22.5v-37.5h22.5V335.843z M60.981,283.343h-45v-60h45V283.343z M135.981,448.343h-60v-225h60 V448.343z M72.872,208.343l-22.181-21.137c-12.573-11.98-10.357-32.607,4.446-41.663c0.103-0.063,23.63-14.445,46.285-28.298 c14.766-9.034,34.151-1.665,39.103,15.028l22.56,76.069C159.022,208.343,94.367,208.343,72.872,208.343z M360.981,410.843h-210v-60 h210V410.843z M360.981,335.843h-210v-37.5h210V335.843z M360.981,283.343h-210v-60c11.159,0,202.271,0,210,0V283.343z M344.241,208.343h-52.689c9.55-24.36,7.19-51.837-6.53-74.182c7.731-14.545,18.527-26.307,30.727-33.369 c22.144-12.816,44.377-7.153,53.663,16.241C380.326,144.506,369.103,184.923,344.241,208.343z M435.981,448.343h-60v-225h60 V448.343z M416.994,208.343l4.018-9.938l26.84-11.385c3.813-1.617,5.594-6.02,3.976-9.833c-1.617-3.813-6.017-5.595-9.833-3.976 l-13.031,5.527l6.3-15.581l26.84-11.385c3.813-1.618,5.594-6.02,3.976-9.833c-1.617-3.813-6.02-5.593-9.833-3.976l-13.031,5.527 l7.464-18.461c1.553-3.84-0.302-8.212-4.142-9.765c-3.841-1.554-8.212,0.302-9.765,4.142l-7.429,18.373l-5.396-12.853 c-1.604-3.82-6-5.615-9.818-4.013c-3.818,1.604-5.615,5.999-4.012,9.818l11.244,26.787l-6.27,15.507l-5.396-12.853 c-1.604-3.819-5.997-5.615-9.818-4.012c-3.819,1.604-5.615,6-4.012,9.819l11.245,26.786l-6.298,15.577c-14.146,0-30.128,0-36.32,0 c21.535-27.292,29.962-65.743,19.686-94.598c3.782-14.726,19.059-23.874,34.248-19.309c4.426,1.331,8.998-1.625,9.597-6.209 c2.412-18.415,21.591-29.353,38.549-22.5c17.137,6.929,23.019,28.26,12.075,42.962c-2.768,3.718-1.53,9.024,2.576,11.143 c12.59,6.498,18.075,21.319,12.759,34.474c-3.193,7.896-9.744,13.746-17.973,16.05c-5.399,1.513-7.286,8.211-3.479,12.319 c6.45,6.963,9.436,16.424,8.353,25.667C471.223,208.343,425.453,208.343,416.994,208.343z M450.981,298.343h22.5v37.5h-22.5 V298.343z M495.981,350.843v60h-45v-60H495.981z M495.981,283.343h-45v-60c15.381,0,28.539,0,45,0V283.343z"/></g><g id="Layer_1"/></svg>');
            width: 28px;
            height: 28px;
            display: inline-block;
            vertical-align: middle;
          }
        }

        img {
          vertical-align: middle;
          margin-right: 0.4em;
        }

        a {
          text-decoration: none;
          padding: 4px;

          &:hover {
            background-color: #ffffc0;
          }
        }

        &.notfound {
          display: none;
        }
      }
    }
  }
}