:root {
  --yth-primary-color: #007FBA;
  --yth-primary-hover-color: #2898C8;
  --yth-primary-active-color: #00679B;
  --yth-primary-other-color: #55B1D6;
  --yth-primary-disabled-color: #88CBE3;
  --yth-primary-layout-color: #007FBA;
  --yth-primary-layout-active-color: #00679B;
  --yth-primary-text-disabled-color: #C1E5F1;
  --yth-primary-light-hover-color: #E4F3F8;

  --yth-line-color1: #F2F3F5;
  --yth-line-color2: #E5E6EB;
  --yth-line-color3: #C9CDD4;
  --yth-line-color4: #86909C;

  --yth-fill-color: #FFFFFF;
  --yth-fill-disabled-color: #F7F8FA;
  --yth-fill-normal-color: #F2F3F5;
  --yth-fill-gray-color: #E5E6EB;
  --yth-fill-other-color: #C9CDD4;
  --yth-fill-stress-color: #4E5969;

  --yth-text-color: #FFFFFF;
  --yth-text-disabled-color: #C9CDD4;
  --yth-text-secondary-color: #86909C;
  --yth-text-secondary-stress-color: #4E5969;
  --yth-text-stress-color: #1D2129;

  --yth-text-other-color1: #999999;
  --yth-text-other-color2: #666666;
  --yth-text-other-color3: #333333;

  --yth-success-color: #00B42A;
  --yth-success-hover-color: #23C343;
  --yth-success-active-color: #009A29;
  --yth-success-disabled-color: #7BE188;
  --yth-success-other-color: #AFF0B5;
  --yth-success-light-color: #E8FFEA;

  --yth-warning-color: #FF7D00;
  --yth-warning-hover-color: #FF9A2E;
  --yth-warning-active-color: #D25F00;
  --yth-warning-disabled-color: #FFCF8B;
  --yth-warning-other-color: #FFE4BA;
  --yth-warning-light-color: #FFF7E8;

  --yth-error-color: #F53F3F;
  --yth-error-hover-color: #F76560;
  --yth-error-active-color: #CB2634;
  --yth-error-disabled-color: #FBACA3;
  --yth-error-other-color: #FDCDC5;
  --yth-error-light-color: #FFECE8;
}

input {
  outline: none;
  border: 0;
  background: transparent;
}