.cc { position: relative; }
.cc-input { width: 100%; }
.cc-menu {
  position: absolute; z-index: 60; left: 0; right: 0; top: calc(100% + 4px);
  margin: 0; padding: 4px; list-style: none; background: #fff;
  border: 1px solid rgba(0,0,0,.15); border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0,0,0,.14); max-height: 264px; overflow-y: auto;
}
.cc-menu[hidden] { display: none; }
.cc-option {
  padding: 8px 10px; font-size: 14px; line-height: 1.3; border-radius: 6px;
  cursor: pointer; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cc-option:hover, .cc-option.is-active { background: rgba(0,0,0,.07); }
.cc-empty { padding: 8px 10px; font-size: 13px; color: #888; }