@value (
  varCoolgray100,
  varIndigo600,
  varWhite
) from '~@xo-union/tk-ui-colors/lib/variables.css';
@value ( var-sp-down-2 ) from '~@xo-union/tk-css-spacing/lib/variables.css';
.list {
  composes: shadow from '~@xo-union/tk-css-shadow/lib/styles.css';
  background-color: varWhite;
  height: auto;
  margin: 0;
  min-width: 275px;
  padding: 0;
  position: absolute;
  z-index: 10; }

.list-item {
  composes: subhead from '~@xo-union/tk-ui-typography/lib/font-scale-categories.css';
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0 var-sp-down-2;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .list-item:hover {
    background-color: varCoolgray100;
    color: varIndigo600;
    cursor: pointer; }