/* components/input/src/scss/input.scss */
input[type=color] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=color]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=date] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=date]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=datetime] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=datetime]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=datetime-local] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=datetime-local]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=email] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=email]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=month] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=month]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=number] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=number]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=password] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=password]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=search] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=search]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=tel] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=tel]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=text] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=text]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=time] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=time]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=url] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=url]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input[type=week] {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input[type=week]:focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input:not([type]) {
  border: 1px solid var(--iio-input-border-color);
  width: 100%;
  display: block;
  font-size: var(--iio-input-size);
  color: var(--iio-input-color);
  padding: var(--iio-input-padding);
  background: var(--iio-input-bg);
  -webkit-transition: var(--iio-input-transition);
  transition: var(--iio-input-transition);
  min-height: var(--iio-input-min-height);
  border-radius: var(--iio-input-border-radius);
}
input:not([type]):focus {
  border-color: var(--iio-input-border-color-focus);
  outline: 0;
}
input:-ms-input-placeholder {
  color: var(--iio-input-placeholder-color);
}
input::-moz-placeholder {
  color: var(--iio-input-placeholder-color);
}
input:-moz-placeholder {
  color: var(--iio-input-placeholder-color);
}
input::-webkit-input-placeholder {
  color: var(--iio-input-placeholder-color);
}
/*# sourceMappingURL=input.css.map */