/* components/input/src/scss/input.scss */
input[type=color] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=color]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=date] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=date]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=datetime] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=datetime]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=datetime-local] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=datetime-local]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=email] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=email]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=month] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=month]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=number] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=number]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=password] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=password]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=search] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=search]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=tel] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=tel]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=text] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=text]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=time] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=time]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=url] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=url]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input[type=week] {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input[type=week]:focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input:not([type]) {
  border: 1px solid #C4C4C4;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #212121;
  padding: 0.625rem 1.5625rem;
  background: #F5F5F5;
  -webkit-transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out;
  transition:
    box-shadow 0.3s ease-out,
    border-color 0.3s ease-out,
    background 0.3s ease-out,
    -webkit-box-shadow 0.3s ease-out;
  min-height: 3rem;
  border-radius: 2.625rem;
}
input:not([type]):focus {
  border-color: #F49F0B;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
  box-shadow: 0 0 0 0.2rem rgb(var(--primary-rgb)/25%);
}
input:-ms-input-placeholder {
  color: #C4C4C4;
}
input::-moz-placeholder {
  color: #C4C4C4;
}
input:-moz-placeholder {
  color: #C4C4C4;
}
input::-webkit-input-placeholder {
  color: #C4C4C4;
}
/*# sourceMappingURL=input.css.map */