react-toolbox-build4server/react-toolbox/js/autocomplete/style.css

Builds react-toolbox in such a way that it's components can be required and used in node - most likely for server-side rendered webapps - without having to depend on webpack to build your entire server-side project

.rt-autocomplete-root {
  position: relative;
  padding: 1rem 0; }
  .rt-autocomplete-root.rt-autocomplete-focus .rt-autocomplete-label {
    color: #3f51b5; }
  .rt-autocomplete-root.rt-autocomplete-focus .rt-autocomplete-suggestions {
    max-height: 45vh;
    visibility: visible;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24); }

.rt-autocomplete-label {
  font-size: 1.2rem;
  color: #757575;
  -webkit-transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.rt-autocomplete-values {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 0.5rem; }

.rt-autocomplete-value {
  margin: 0.25rem 0.5rem 0.25rem 0; }

.rt-autocomplete-suggestions {
  position: absolute;
  z-index: 100;
  width: 100%;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  background-color: white;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: max-height, box-shadow;
  transition-property: max-height, box-shadow; }
  .rt-autocomplete-suggestions::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .rt-autocomplete-suggestions:not(.rt-autocomplete-up) {
    margin-top: -2rem; }
  .rt-autocomplete-suggestions.rt-autocomplete-up {
    bottom: 0; }

.rt-autocomplete-suggestion {
  padding: 1rem;
  cursor: pointer; }
  .rt-autocomplete-suggestion.rt-autocomplete-active {
    background-color: #eeeeee; }

.rt-autocomplete-input {
  position: relative; }
  .rt-autocomplete-input:after {
    position: absolute;
    top: 50%;
    right: 0.8rem;
    width: 0;
    height: 0;
    pointer-events: none;
    content: "";
    border-top: 0.54857rem solid rgba(0, 0, 0, 0.12);
    border-right: 0.54857rem solid transparent;
    border-left: 0.54857rem solid transparent;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); }