.awesomplete > ul {
  margin: .2em 0 0;
  text-shadow: none;
  background: linear-gradient(to bottom right, #fff, hsla(0,0%,100%,.8));
  border: 1px solid rgba(0,0,0,.3);
  border-radius: .3em;
  box-shadow: .05em .2em .6em rgba(0,0,0,.2);
}

@supports (transform: scale(0)) {
  .awesomplete > ul {
    transition: .3s cubic-bezier(.4,.2,.5,1.4);
    transform-origin: 1.43em -.43em;
  }

  .awesomplete > ul[hidden],
  .awesomplete > ul:empty {
    display: block;
    opacity: 0;
    transition-timing-function: ease;
    transform: scale(0);
  }
}

/* Pointer */
.awesomplete > ul:before {
  position: absolute;
  top: -.43em;
  left: 1em;
  width: 0; height: 0;
  padding: .4em;
  content: "";
  background: #fff;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(45deg);
}

.awesomplete > ul > li {
  position: relative;
  padding: .2em .5em;
  cursor: pointer;
}

.awesomplete > ul > li:hover {
  color: #000;
  background: #b8d3e0;
}

.awesomplete > ul > li[aria-selected="true"] {
  color: #fff;
  background: #3d6d8f;
}

.awesomplete mark {
  background: #eaff00;
}

.awesomplete li:hover mark {
  background: #b5d100;
}

.awesomplete li[aria-selected="true"] mark {
  color: inherit;
  background: #3d6b00;
}