/* Oldschool vars */
/* We can't use a css var here (https://www.w3.org/TR/css-variables-1/#using-variables)
 * "The var() function can not be used as property names, selectors, or anything else besides property values."
 * And in media queries.
 * We are waiting for:
 * https://www.w3.org/TR/mediaqueries-5/#custom-mq
 * or
 * https://drafts.csswg.org/css-env-1/
*/
/* Cyan and orange */
.language-picker {
  display: flex;
  align-items: center;
}
.language-picker select {
  font-size: 18px;
  border: none;
  padding: 8px;
  border-radius: var(--border-radius);
  border-right: 8px solid transparent;
  background-color: #fff;
}
.language-picker select:focus,
.language-picker select:hover {
  outline: 1px solid var(--main-high);
}