@value (
  var-sp-up-1,
  var-sp-up-8
) from '~@xo-union/tk-css-spacing/lib/variables.css';
@value (
  varIndigo600,
  varWhite
) from '~@xo-union/tk-ui-colors/lib/variables.css';
.container {
  color: varIndigo600;
  display: inline-block;
  margin-right: var-sp-up-1;
  min-width: 120px;
  position: relative;
  text-align: center; }

.input-container {
  cursor: pointer;
  padding-right: var-sp-up-8; }

.input {
  composes: body1 from '~@xo-union/tk-ui-typography/lib/font-scale-categories.css';
  background-color: varWhite;
  border: none;
  color: inherit;
  cursor: inherit;
  display: inline-block;
  height: 100%;
  padding-left: var-sp-up-8;
  text-align: center;
  /* NON_STANDARD */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%; }

.list {
  composes: shadow from '~@xo-union/tk-css-shadow/lib/styles.css';
  background-color: varWhite;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%; }

.caret {
  height: 100%;
  position: absolute; }