/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
/* /styles/mixins.scss */
/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.gio-textfield {
  box-sizing: border-box;
  font-family: "Barlow", "Roboto", "Lato", sans-serif;
  font-size: 15px;
  background-color: #ffffff;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  height: 37px;
  line-height: 37px;
  padding: 10px 5px; }
  .gio-textfield:active, .gio-textfield:focus {
    outline: 0; }
  .gio-textfield.invalid {
    border-color: #ffc4b2;
    background-color: #fff9f7; }
  .gio-textfield:disabled {
    background-color: #e8e8e8;
    color: #8d8d8d; }
  .gio-textfield.gio-textfield-sm {
    font-family: "Barlow", "Roboto", "Lato", sans-serif;
    font-size: 13px;
    line-height: 20px;
    height: 31px; }
  .gio-textfield.gio-textfield-xs {
    font-family: "Barlow", "Roboto", "Lato", sans-serif;
    font-size: 13px;
    line-height: 20px;
    height: 25px; }
  .gio-textfield__full-width {
    width: 100%; }
  .gio-textfield__textarea {
    line-height: 15px;
    padding: 10px 5px; }
    .gio-textfield__textarea.gio-textfield-sm, .gio-textfield__textarea.gio-textfield-xs {
      padding: 5px; }

.gio-textfield::-webkit-input-placeholder,
.gio-textfield::placeholder {
  color: #bababa;
  font-family: "Barlow", "Roboto", "Lato", sans-serif;
  line-height: 15px;
  padding: 0; }