/**** Colors ****/
:root {
  --bg-dark: #1c1c1c;
  --bg-light: #e0f4ff;
  --bg-medium: #16519b;
  --bg-warning: #ffa2a2;
  --bg-white: #fff;
  --grey-100: #ddd9d9;
  --grey-200: #c0bfbf;
  --grey-300: #9b9b9b;
  --grey-400: #858383;
  --grey-50: #f7f7f7;
  --grey-500: #6e6d6d;
  --grey-600: #4c4a4a;
  --grey-700: #373636;
  --grey-800: #282727;
  --grey-900: #1c1c1c;
  --icon-default: #4c4a4a;
  --icon-disabled: #c0bfbf;
  --icon-error: #f74c4c;
  --icon-light: #b1e3ff;
  --icon-primary: #7cd2ff;
  --icon-secondary: #03dac4;
  --icon-success: #00b798;
  --icon-white: #fff;
  --primary-100: #b1e3ff;
  --primary-200: #7cd2ff;
  --primary-300: #46bffd;
  --primary-400: #21b1fb;
  --primary-50: #e0f4ff;
  --primary-500: #0da3f7;
  --primary-600: #1195e8;
  --primary-700: #3a82b5;
  --primary-800: #1482d3;
  --primary-900: #16519b;
  --secondary-100: #92e9dc;
  --secondary-200: #03dac4;
  --secondary-300: #00c7ab;
  --secondary-400: #00b798;
  --secondary-50: #d4f6f2;
  --secondary-500: #059c8d;
  --secondary-600: #009a77;
  --secondary-700: #008966;
  --secondary-800: #007957;
  --secondary-900: #005b39;
  --ui-disabled: #e9e9e9;
  --ui-error: #f74c4c;
  --ui-success: #00b798;

  /** h1-darkgrey **/
  --h1-darkgrey-font-size: 32px;
  --h1-darkgrey-color: #1c1c1c;
  --h1-darkgrey-letter-spacing: -1.5px;
  --h1-darkgrey-line-height: 44px;
  --h1-darkgrey-font-family: roboto;
  --h1-darkgrey-font-weight: 300;
  --h1-darkgrey-text-align: left;

  /** h1-link **/
  --h1-link-font-size: 32px;
  --h1-link-color: #009470;
  --h1-link-letter-spacing: -1.5px;
  --h1-link-line-height: 44px;
  --h1-link-font-family: roboto;
  --h1-link-font-weight: 300;
  --h1-link-text-decoration: underline;
  --h1-link-text-align: left;

  /** h1-white **/
  --h1-white-font-size: 32px;
  --h1-white-color: #fff;
  --h1-white-letter-spacing: -1.5px;
  --h1-white-line-height: 44px;
  --h1-white-font-family: roboto;
  --h1-white-font-weight: 300;
  --h1-white-text-align: left;

  /** h2-darkgrey **/
  --h2-darkgrey-font-size: 28px;
  --h2-darkgrey-color: #1c1c1c;
  --h2-darkgrey-letter-spacing: 0;
  --h2-darkgrey-font-family: roboto;
  --h2-darkgrey-font-weight: 400;
  --h2-darkgrey-text-align: left;

  /** h2-link **/
  --h2-link-font-size: 28px;
  --h2-link-color: #009470;
  --h2-link-letter-spacing: -0.5px;
  --h2-link-font-family: roboto;
  --h2-link-font-weight: 300;
  --h2-link-text-decoration: underline;
  --h2-link-text-align: left;

  /** h2-white **/
  --h2-white-font-size: 28px;
  --h2-white-color: #fff;
  --h2-white-letter-spacing: -0.5px;
  --h2-white-font-family: roboto;
  --h2-white-font-weight: 300;
  --h2-white-text-align: left;

  /** h3-darkgrey **/
  --h3-darkgrey-font-size: 24px;
  --h3-darkgrey-color: #1c1c1c;
  --h3-darkgrey-letter-spacing: 0;
  --h3-darkgrey-font-family: roboto;
  --h3-darkgrey-font-weight: 400;
  --h3-darkgrey-text-align: left;

  /** h3-link **/
  --h3-link-font-size: 24px;
  --h3-link-color: #009470;
  --h3-link-letter-spacing: 0;
  --h3-link-font-family: roboto;
  --h3-link-font-weight: 400;
  --h3-link-text-decoration: underline;
  --h3-link-text-align: left;

  /** h3-white **/
  --h3-white-font-size: 24px;
  --h3-white-color: #fff;
  --h3-white-letter-spacing: 0;
  --h3-white-font-family: roboto;
  --h3-white-font-weight: 400;
  --h3-white-text-align: left;

  /** h4-darkgrey **/
  --h4-darkgrey-font-size: 20px;
  --h4-darkgrey-color: #1c1c1c;
  --h4-darkgrey-letter-spacing: 0.25px;
  --h4-darkgrey-font-family: roboto;
  --h4-darkgrey-font-weight: 400;
  --h4-darkgrey-text-align: left;

  /** h4-link **/
  --h4-link-font-size: 20px;
  --h4-link-color: #009470;
  --h4-link-letter-spacing: 0.25px;
  --h4-link-font-family: roboto;
  --h4-link-font-weight: 400;
  --h4-link-text-decoration: underline;
  --h4-link-text-align: left;

  /** h4-white **/
  --h4-white-font-size: 20px;
  --h4-white-color: #fff;
  --h4-white-letter-spacing: 0.25px;
  --h4-white-font-family: roboto;
  --h4-white-font-weight: 400;
  --h4-white-text-align: left;

  /** h5-darkgrey **/
  --h5-darkgrey-font-size: 16px;
  --h5-darkgrey-color: #1e1e1e;
  --h5-darkgrey-letter-spacing: 0;
  --h5-darkgrey-font-family: roboto;
  --h5-darkgrey-font-weight: 500;
  --h5-darkgrey-text-align: left;

  /** h5-disabled **/
  --h5-disabled-font-size: 16px;
  --h5-disabled-color: #c0bfbf;
  --h5-disabled-letter-spacing: 0;
  --h5-disabled-font-family: roboto;
  --h5-disabled-font-weight: 500;
  --h5-disabled-text-align: left;

  /** h5-link **/
  --h5-link-font-size: 16px;
  --h5-link-color: #009470;
  --h5-link-letter-spacing: 0;
  --h5-link-font-family: roboto;
  --h5-link-font-weight: 500;
  --h5-link-text-decoration: underline;
  --h5-link-text-align: left;

  /** h5-primary **/
  --h5-primary-font-size: 16px;
  --h5-primary-color: #7cd2ff;
  --h5-primary-letter-spacing: 0;
  --h5-primary-font-family: roboto;
  --h5-primary-font-weight: 500;
  --h5-primary-text-align: left;

  /** h5-white **/
  --h5-white-font-size: 16px;
  --h5-white-color: #fff;
  --h5-white-letter-spacing: 0;
  --h5-white-font-family: roboto;
  --h5-white-font-weight: 500;
  --h5-white-text-align: left;

  /** label-disabled **/
  --label-disabled-font-size: 12px;
  --label-disabled-color: #9b9b9b;
  --label-disabled-letter-spacing: 0.5px;
  --label-disabled-line-height: 12px;
  --label-disabled-font-family: roboto;
  --label-disabled-font-weight: 700;
  --label-disabled-text-align: left;

  /** label-enabled **/
  --label-enabled-font-size: 12px;
  --label-enabled-color: #222121;
  --label-enabled-letter-spacing: 0.5px;
  --label-enabled-line-height: 12px;
  --label-enabled-font-family: roboto;
  --label-enabled-font-weight: 700;
  --label-enabled-text-align: left;

  /** label-error **/
  --label-error-font-size: 12px;
  --label-error-color: #f74c4c;
  --label-error-letter-spacing: 0.5px;
  --label-error-line-height: 12px;
  --label-error-font-family: roboto;
  --label-error-font-weight: 700;
  --label-error-text-align: left;

  /** label-hover **/
  --label-hover-font-size: 12px;
  --label-hover-color: #03dac4;
  --label-hover-letter-spacing: 0.5px;
  --label-hover-line-height: 12px;
  --label-hover-font-family: roboto;
  --label-hover-font-weight: 700;
  --label-hover-text-align: left;

  /** label-light **/
  --label-light-font-size: 12px;
  --label-light-color: #fff;
  --label-light-letter-spacing: 0.5px;
  --label-light-line-height: 12px;
  --label-light-font-family: roboto;
  --label-light-font-weight: 700;
  --label-light-text-align: left;

  /** micro-mediumgrey **/
  --micro-mediumgrey-font-size: 10px;
  --micro-mediumgrey-color: #565656;
  --micro-mediumgrey-line-height: 14px;
  --micro-mediumgrey-font-family: helvetica;
  --micro-mediumgrey-font-weight: 400;
  --micro-mediumgrey-text-align: left;

  /** p-disabled **/
  --p-disabled-font-size: 14px;
  --p-disabled-color: #c0bfbf;
  --p-disabled-letter-spacing: 0.1px;
  --p-disabled-line-height: 24px;
  --p-disabled-font-family: open sans;
  --p-disabled-font-weight: 400;
  --p-disabled-text-align: left;

  /** p-link **/
  --p-link-font-size: 14px;
  --p-link-color: #009470;
  --p-link-letter-spacing: 0.1px;
  --p-link-line-height: 16px;
  --p-link-font-family: open sans;
  --p-link-font-weight: 400;
  --p-link-text-decoration: underline;
  --p-link-text-align: left;

  /** p-mediumgrey **/
  --p-mediumgrey-font-size: 14px;
  --p-mediumgrey-color: #4c4a4a;
  --p-mediumgrey-letter-spacing: 0.1px;
  --p-mediumgrey-line-height: 24px;
  --p-mediumgrey-font-family: open sans;
  --p-mediumgrey-font-weight: 400;
  --p-mediumgrey-text-align: left;

  /** p-primary **/
  --p-primary-font-size: 14px;
  --p-primary-color: #7cd2ff;
  --p-primary-letter-spacing: 0.1px;
  --p-primary-line-height: 24px;
  --p-primary-font-family: open sans;
  --p-primary-font-weight: 400;
  --p-primary-text-align: left;

  /** p-warning **/
  --p-warning-font-size: 14px;
  --p-warning-color: #f74c4c;
  --p-warning-letter-spacing: 0.1px;
  --p-warning-line-height: 24px;
  --p-warning-font-family: open sans;
  --p-warning-font-weight: 700;
  --p-warning-text-align: left;

  /** p-white **/
  --p-white-font-size: 14px;
  --p-white-color: #fff;
  --p-white-letter-spacing: 0.1px;
  --p-white-line-height: 24px;
  --p-white-font-family: open sans;
  --p-white-font-weight: 400;
  --p-white-text-align: left;

  /** placeholder-resting **/
  --placeholder-resting-font-size: 14px;
  --placeholder-resting-color: #c0bfbf;
  --placeholder-resting-letter-spacing: 0.5px;
  --placeholder-resting-line-height: 14px;
  --placeholder-resting-font-family: roboto;
  --placeholder-resting-font-weight: 400;
  --placeholder-resting-text-align: left;

  /** placeholder-typed **/
  --placeholder-typed-font-size: 14px;
  --placeholder-typed-color: #4c4a4a;
  --placeholder-typed-letter-spacing: 0.5px;
  --placeholder-typed-line-height: 14px;
  --placeholder-typed-font-family: roboto;
  --placeholder-typed-font-weight: 400;
  --placeholder-typed-text-align: left;

  /** placeholder-white **/
  --placeholder-white-font-size: 14px;
  --placeholder-white-color: #fff;
  --placeholder-white-letter-spacing: 0.5px;
  --placeholder-white-line-height: 14px;
  --placeholder-white-font-family: roboto;
  --placeholder-white-font-weight: 400;
  --placeholder-white-text-align: left;

  /** small-disabled **/
  --small-disabled-font-size: 12px;
  --small-disabled-color: #c0bfbf;
  --small-disabled-line-height: 18px;
  --small-disabled-font-family: open sans;
  --small-disabled-font-weight: 400;
  --small-disabled-text-align: left;

  /** small-link **/
  --small-link-font-size: 12px;
  --small-link-color: #009470;
  --small-link-line-height: 18px;
  --small-link-font-family: open sans;
  --small-link-font-weight: 400;
  --small-link-text-decoration: underline;
  --small-link-text-align: left;

  /** small-mediumgrey **/
  --small-mediumgrey-font-size: 12px;
  --small-mediumgrey-color: #4c4a4a;
  --small-mediumgrey-line-height: 18px;
  --small-mediumgrey-font-family: open sans;
  --small-mediumgrey-font-weight: 400;
  --small-mediumgrey-text-align: left;

  /** small-warning **/
  --small-warning-font-size: 12px;
  --small-warning-color: #ff2525;
  --small-warning-line-height: 18px;
  --small-warning-font-family: open sans;
  --small-warning-font-weight: 700;
  --small-warning-text-align: left;

  /** small-white **/
  --small-white-font-size: 12px;
  --small-white-color: #fff;
  --small-white-line-height: 18px;
  --small-white-font-family: open sans;
  --small-white-font-weight: 400;
  --small-white-text-align: left;

  /** tab-darkgrey **/
  --tab-darkgrey-font-size: 12px;
  --tab-darkgrey-color: #1c1c1c;
  --tab-darkgrey-letter-spacing: 1.07px;
  --tab-darkgrey-line-height: 14px;
  --tab-darkgrey-font-family: roboto;
  --tab-darkgrey-font-weight: 500;
  --tab-darkgrey-text-transform: uppercase;
  --tab-darkgrey-text-align: left;

  /** tab-white **/
  --tab-white-font-size: 12px;
  --tab-white-color: #fff;
  --tab-white-letter-spacing: 1.07px;
  --tab-white-line-height: 14px;
  --tab-white-font-family: roboto;
  --tab-white-font-weight: 500;
  --tab-white-text-transform: uppercase;
  --tab-white-text-align: left;
} /* close :root */

.h1-darkgrey {
  font-family: var(--h1-darkgrey-font-family);
  font-size: var(--h1-darkgrey-font-size);
  font-weight: var(--h1-darkgrey-font-weight);
  line-height: var(--h1-darkgrey-line-height);
  color: var(--h1-darkgrey-color);
  text-align: var(--h1-darkgrey-text-align);
  letter-spacing: var(--h1-darkgrey-letter-spacing);
}

.h1-link {
  font-family: var(--h1-link-font-family);
  font-size: var(--h1-link-font-size);
  font-weight: var(--h1-link-font-weight);
  line-height: var(--h1-link-line-height);
  color: var(--h1-link-color);
  text-align: var(--h1-link-text-align);
  text-decoration: var(--h1-link-text-decoration);
  letter-spacing: var(--h1-link-letter-spacing);
}

.h1-white {
  font-family: var(--h1-white-font-family);
  font-size: var(--h1-white-font-size);
  font-weight: var(--h1-white-font-weight);
  line-height: var(--h1-white-line-height);
  color: var(--h1-white-color);
  text-align: var(--h1-white-text-align);
  letter-spacing: var(--h1-white-letter-spacing);
}

.h2-darkgrey {
  font-family: var(--h2-darkgrey-font-family);
  font-size: var(--h2-darkgrey-font-size);
  font-weight: var(--h2-darkgrey-font-weight);
  color: var(--h2-darkgrey-color);
  text-align: var(--h2-darkgrey-text-align);
  letter-spacing: var(--h2-darkgrey-letter-spacing);
}

.h2-link {
  font-family: var(--h2-link-font-family);
  font-size: var(--h2-link-font-size);
  font-weight: var(--h2-link-font-weight);
  color: var(--h2-link-color);
  text-align: var(--h2-link-text-align);
  text-decoration: var(--h2-link-text-decoration);
  letter-spacing: var(--h2-link-letter-spacing);
}

.h2-white {
  font-family: var(--h2-white-font-family);
  font-size: var(--h2-white-font-size);
  font-weight: var(--h2-white-font-weight);
  color: var(--h2-white-color);
  text-align: var(--h2-white-text-align);
  letter-spacing: var(--h2-white-letter-spacing);
}

.h3-darkgrey {
  font-family: var(--h3-darkgrey-font-family);
  font-size: var(--h3-darkgrey-font-size);
  font-weight: var(--h3-darkgrey-font-weight);
  color: var(--h3-darkgrey-color);
  text-align: var(--h3-darkgrey-text-align);
  letter-spacing: var(--h3-darkgrey-letter-spacing);
}

.h3-link {
  font-family: var(--h3-link-font-family);
  font-size: var(--h3-link-font-size);
  font-weight: var(--h3-link-font-weight);
  color: var(--h3-link-color);
  text-align: var(--h3-link-text-align);
  text-decoration: var(--h3-link-text-decoration);
  letter-spacing: var(--h3-link-letter-spacing);
}

.h3-white {
  font-family: var(--h3-white-font-family);
  font-size: var(--h3-white-font-size);
  font-weight: var(--h3-white-font-weight);
  color: var(--h3-white-color);
  text-align: var(--h3-white-text-align);
  letter-spacing: var(--h3-white-letter-spacing);
}

.h4-darkgrey {
  font-family: var(--h4-darkgrey-font-family);
  font-size: var(--h4-darkgrey-font-size);
  font-weight: var(--h4-darkgrey-font-weight);
  color: var(--h4-darkgrey-color);
  text-align: var(--h4-darkgrey-text-align);
  letter-spacing: var(--h4-darkgrey-letter-spacing);
}

.h4-link {
  font-family: var(--h4-link-font-family);
  font-size: var(--h4-link-font-size);
  font-weight: var(--h4-link-font-weight);
  color: var(--h4-link-color);
  text-align: var(--h4-link-text-align);
  text-decoration: var(--h4-link-text-decoration);
  letter-spacing: var(--h4-link-letter-spacing);
}

.h4-white {
  font-family: var(--h4-white-font-family);
  font-size: var(--h4-white-font-size);
  font-weight: var(--h4-white-font-weight);
  color: var(--h4-white-color);
  text-align: var(--h4-white-text-align);
  letter-spacing: var(--h4-white-letter-spacing);
}

.h5-darkgrey {
  font-family: var(--h5-darkgrey-font-family);
  font-size: var(--h5-darkgrey-font-size);
  font-weight: var(--h5-darkgrey-font-weight);
  color: var(--h5-darkgrey-color);
  text-align: var(--h5-darkgrey-text-align);
  letter-spacing: var(--h5-darkgrey-letter-spacing);
}

.h5-disabled {
  font-family: var(--h5-disabled-font-family);
  font-size: var(--h5-disabled-font-size);
  font-weight: var(--h5-disabled-font-weight);
  color: var(--h5-disabled-color);
  text-align: var(--h5-disabled-text-align);
  letter-spacing: var(--h5-disabled-letter-spacing);
}

.h5-link {
  font-family: var(--h5-link-font-family);
  font-size: var(--h5-link-font-size);
  font-weight: var(--h5-link-font-weight);
  color: var(--h5-link-color);
  text-align: var(--h5-link-text-align);
  text-decoration: var(--h5-link-text-decoration);
  letter-spacing: var(--h5-link-letter-spacing);
}

.h5-primary {
  font-family: var(--h5-primary-font-family);
  font-size: var(--h5-primary-font-size);
  font-weight: var(--h5-primary-font-weight);
  color: var(--h5-primary-color);
  text-align: var(--h5-primary-text-align);
  letter-spacing: var(--h5-primary-letter-spacing);
}

.h5-white {
  font-family: var(--h5-white-font-family);
  font-size: var(--h5-white-font-size);
  font-weight: var(--h5-white-font-weight);
  color: var(--h5-white-color);
  text-align: var(--h5-white-text-align);
  letter-spacing: var(--h5-white-letter-spacing);
}

.label-disabled {
  font-family: var(--label-disabled-font-family);
  font-size: var(--label-disabled-font-size);
  font-weight: var(--label-disabled-font-weight);
  line-height: var(--label-disabled-line-height);
  color: var(--label-disabled-color);
  text-align: var(--label-disabled-text-align);
  letter-spacing: var(--label-disabled-letter-spacing);
}

.label-enabled {
  font-family: var(--label-enabled-font-family);
  font-size: var(--label-enabled-font-size);
  font-weight: var(--label-enabled-font-weight);
  line-height: var(--label-enabled-line-height);
  color: var(--label-enabled-color);
  text-align: var(--label-enabled-text-align);
  letter-spacing: var(--label-enabled-letter-spacing);
}

.label-error {
  font-family: var(--label-error-font-family);
  font-size: var(--label-error-font-size);
  font-weight: var(--label-error-font-weight);
  line-height: var(--label-error-line-height);
  color: var(--label-error-color);
  text-align: var(--label-error-text-align);
  letter-spacing: var(--label-error-letter-spacing);
}

.label-hover {
  font-family: var(--label-hover-font-family);
  font-size: var(--label-hover-font-size);
  font-weight: var(--label-hover-font-weight);
  line-height: var(--label-hover-line-height);
  color: var(--label-hover-color);
  text-align: var(--label-hover-text-align);
  letter-spacing: var(--label-hover-letter-spacing);
}

.label-light {
  font-family: var(--label-light-font-family);
  font-size: var(--label-light-font-size);
  font-weight: var(--label-light-font-weight);
  line-height: var(--label-light-line-height);
  color: var(--label-light-color);
  text-align: var(--label-light-text-align);
  letter-spacing: var(--label-light-letter-spacing);
}

.micro-mediumgrey {
  font-family: var(--micro-mediumgrey-font-family);
  font-size: var(--micro-mediumgrey-font-size);
  font-weight: var(--micro-mediumgrey-font-weight);
  line-height: var(--micro-mediumgrey-line-height);
  color: var(--micro-mediumgrey-color);
  text-align: var(--micro-mediumgrey-text-align);
}

.p-disabled {
  font-family: var(--p-disabled-font-family);
  font-size: var(--p-disabled-font-size);
  font-weight: var(--p-disabled-font-weight);
  line-height: var(--p-disabled-line-height);
  color: var(--p-disabled-color);
  text-align: var(--p-disabled-text-align);
  letter-spacing: var(--p-disabled-letter-spacing);
}

.p-link {
  font-family: var(--p-link-font-family);
  font-size: var(--p-link-font-size);
  font-weight: var(--p-link-font-weight);
  line-height: var(--p-link-line-height);
  color: var(--p-link-color);
  text-align: var(--p-link-text-align);
  text-decoration: var(--p-link-text-decoration);
  letter-spacing: var(--p-link-letter-spacing);
}

.p-mediumgrey {
  font-family: var(--p-mediumgrey-font-family);
  font-size: var(--p-mediumgrey-font-size);
  font-weight: var(--p-mediumgrey-font-weight);
  line-height: var(--p-mediumgrey-line-height);
  color: var(--p-mediumgrey-color);
  text-align: var(--p-mediumgrey-text-align);
  letter-spacing: var(--p-mediumgrey-letter-spacing);
}

.p-primary {
  font-family: var(--p-primary-font-family);
  font-size: var(--p-primary-font-size);
  font-weight: var(--p-primary-font-weight);
  line-height: var(--p-primary-line-height);
  color: var(--p-primary-color);
  text-align: var(--p-primary-text-align);
  letter-spacing: var(--p-primary-letter-spacing);
}

.p-warning {
  font-family: var(--p-warning-font-family);
  font-size: var(--p-warning-font-size);
  font-weight: var(--p-warning-font-weight);
  line-height: var(--p-warning-line-height);
  color: var(--p-warning-color);
  text-align: var(--p-warning-text-align);
  letter-spacing: var(--p-warning-letter-spacing);
}

.p-white {
  font-family: var(--p-white-font-family);
  font-size: var(--p-white-font-size);
  font-weight: var(--p-white-font-weight);
  line-height: var(--p-white-line-height);
  color: var(--p-white-color);
  text-align: var(--p-white-text-align);
  letter-spacing: var(--p-white-letter-spacing);
}

.placeholder-resting {
  font-family: var(--placeholder-resting-font-family);
  font-size: var(--placeholder-resting-font-size);
  font-weight: var(--placeholder-resting-font-weight);
  line-height: var(--placeholder-resting-line-height);
  color: var(--placeholder-resting-color);
  text-align: var(--placeholder-resting-text-align);
  letter-spacing: var(--placeholder-resting-letter-spacing);
}

.placeholder-typed {
  font-family: var(--placeholder-typed-font-family);
  font-size: var(--placeholder-typed-font-size);
  font-weight: var(--placeholder-typed-font-weight);
  line-height: var(--placeholder-typed-line-height);
  color: var(--placeholder-typed-color);
  text-align: var(--placeholder-typed-text-align);
  letter-spacing: var(--placeholder-typed-letter-spacing);
}

.placeholder-white {
  font-family: var(--placeholder-white-font-family);
  font-size: var(--placeholder-white-font-size);
  font-weight: var(--placeholder-white-font-weight);
  line-height: var(--placeholder-white-line-height);
  color: var(--placeholder-white-color);
  text-align: var(--placeholder-white-text-align);
  letter-spacing: var(--placeholder-white-letter-spacing);
}

.small-disabled {
  font-family: var(--small-disabled-font-family);
  font-size: var(--small-disabled-font-size);
  font-weight: var(--small-disabled-font-weight);
  line-height: var(--small-disabled-line-height);
  color: var(--small-disabled-color);
  text-align: var(--small-disabled-text-align);
}

.small-link {
  font-family: var(--small-link-font-family);
  font-size: var(--small-link-font-size);
  font-weight: var(--small-link-font-weight);
  line-height: var(--small-link-line-height);
  color: var(--small-link-color);
  text-align: var(--small-link-text-align);
  text-decoration: var(--small-link-text-decoration);
}

.small-mediumgrey {
  font-family: var(--small-mediumgrey-font-family);
  font-size: var(--small-mediumgrey-font-size);
  font-weight: var(--small-mediumgrey-font-weight);
  line-height: var(--small-mediumgrey-line-height);
  color: var(--small-mediumgrey-color);
  text-align: var(--small-mediumgrey-text-align);
}

.small-warning {
  font-family: var(--small-warning-font-family);
  font-size: var(--small-warning-font-size);
  font-weight: var(--small-warning-font-weight);
  line-height: var(--small-warning-line-height);
  color: var(--small-warning-color);
  text-align: var(--small-warning-text-align);
}

.small-white {
  font-family: var(--small-white-font-family);
  font-size: var(--small-white-font-size);
  font-weight: var(--small-white-font-weight);
  line-height: var(--small-white-line-height);
  color: var(--small-white-color);
  text-align: var(--small-white-text-align);
}

.tab-darkgrey {
  font-family: var(--tab-darkgrey-font-family);
  font-size: var(--tab-darkgrey-font-size);
  font-weight: var(--tab-darkgrey-font-weight);
  line-height: var(--tab-darkgrey-line-height);
  color: var(--tab-darkgrey-color);
  text-align: var(--tab-darkgrey-text-align);
  text-transform: var(--tab-darkgrey-text-transform);
  letter-spacing: var(--tab-darkgrey-letter-spacing);
}

.tab-white {
  font-family: var(--tab-white-font-family);
  font-size: var(--tab-white-font-size);
  font-weight: var(--tab-white-font-weight);
  line-height: var(--tab-white-line-height);
  color: var(--tab-white-color);
  text-align: var(--tab-white-text-align);
  text-transform: var(--tab-white-text-transform);
  letter-spacing: var(--tab-white-letter-spacing);
}