/*
    This file was auto-generated by InVision DSM from the Portail v3 design library.
    To keep style values in sync across teams, changes to this file should be made directly from DSM.

*/
/*
    Colors:
*/

@color-primary: #1eb386;
@color-red: #F03F3F;
@color-blue: #09AFFF;
@color-yellow: #FFBA49;
@color-white: #ffffff;
@color-dark: #2D3047;
@color-dark-100: #252631;
@color-dark-200: #1B1E24;
@color-indigo: #745BCC;
@color-orange: #FE7D51;

@color-soft-primary: #1eb38619;
@color-soft-red: #F03F3F19;
@color-soft-blue: #09AFFF19;
@color-soft-yellow: #FFBA4919;
@color-soft-white: #ffffff19;
@color-soft-dark: #2D304719;
@color-soft-indigo: #745BCC19;
@color-soft-orange: #FE7D5119;

@color-gray-100: #F8FAFB;
@color-gray-200: #F2F4F6;
@color-gray-300: #E8ECEF;
@color-gray-400: #98A9BC;
@color-gray-500: #778CA2;

@color-primary-hues: #E8F7F2;
@color-red-hues: #FEECEC;
@color-blue-hues: #E6F7FF;
@color-yellow-hues: #FFF6E9;
@color-indigo-hues: #F1EFFA;
@color-orange-hues: #FFF5F1;
@color-dark-hues: #EAEAEC;
@color-gray-hues: #F1F3F5;

/*
    Font Styles:
*/

// Default font famility
@robotoFont: Roboto, sans-serif;
@robotoLight: 'Roboto Light';
@robotoRgular: 'Roboto Regular';

/* desktop/body/regular/dark font style */
@font-desktop-body-regular-dark-font-size: 16px;
@font-desktop-body-regular-dark-line-height: 24px;
@font-desktop-body-regular-dark-text-align: left;
@font-desktop-body-regular-dark-color: #3f4352;
@font-desktop-body-regular-dark-font-style: normal;
@font-desktop-body-regular-dark-font-weight: 400;
@font-desktop-body-regular-dark-font-family: Roboto, sans-serif;

.font-desktop-body-regular-dark() {
  font-size: @font-desktop-body-regular-dark-font-size;
  line-height: @font-desktop-body-regular-dark-line-height;
  text-align: @font-desktop-body-regular-dark-text-align;
  color: @font-desktop-body-regular-dark-color;
  font-style: @font-desktop-body-regular-dark-font-style;
  font-weight: @font-desktop-body-regular-dark-font-weight;
  font-family: @font-desktop-body-regular-dark-font-family;
}

/* desktop/small/regular/dark font style */
@font-desktop-small-regular-dark-font-size: 14px;
@font-desktop-small-regular-dark-line-height: 20px;
@font-desktop-small-regular-dark-text-align: left;
@font-desktop-small-regular-dark-color: @color-dark;
@font-desktop-small-regular-dark-font-style: normal;
@font-desktop-small-regular-dark-font-weight: 400;
@font-desktop-small-regular-dark-font-family: "Roboto Regular";

.font-desktop-small-regular-dark() {
  font-size: @font-desktop-small-regular-dark-font-size;
  line-height: @font-desktop-small-regular-dark-line-height;
  text-align: @font-desktop-small-regular-dark-text-align;
  color: @font-desktop-small-regular-dark-color;
  font-style: @font-desktop-small-regular-dark-font-style;
  font-weight: @font-desktop-small-regular-dark-font-weight;
  font-family: @font-desktop-small-regular-dark-font-family;
}

/* desktop/small/regular/gray font style */
@font-desktop-small-regular-gray-font-size: 14px;
@font-desktop-small-regular-gray-line-height: 20px;
@font-desktop-small-regular-gray-text-align: left;
@font-desktop-small-regular-gray-color: @color-dark;
@font-desktop-small-regular-gray-font-style: normal;
@font-desktop-small-regular-gray-font-weight: 400;
@font-desktop-small-regular-gray-font-family: Roboto, sans-serif;

.font-desktop-input-small-regular-gray-base() {
  font-size: @font-desktop-small-regular-gray-font-size;
  text-align: @font-desktop-small-regular-gray-text-align;
  color: @font-desktop-small-regular-gray-color;
  font-style: @font-desktop-small-regular-gray-font-style;
  font-weight: @font-desktop-small-regular-gray-font-weight;
  font-family: @font-desktop-small-regular-gray-font-family;
}

.font-desktop-small-regular-gray() {
  .font-desktop-input-small-regular-gray-base();
  line-height: @font-desktop-small-regular-gray-line-height;
}

.calendar-placeholder-base() {
  height: 21px;
  color: @color-gray-400;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.input-placeholder() {
  &::-webkit-input-placeholder {
    .calendar-placeholder-base();
  }

  &:-moz-placeholder{
    .calendar-placeholder-base();
  }

  &::-moz-placeholder{
    .calendar-placeholder-base();
  }

  &:-ms-input-placeholder{
    .calendar-placeholder-base();
  }

  &::placeholder {
    .calendar-placeholder-base();
  }
}

/* desktop/small/italic/gray font style */
@font-desktop-small-italic-gray-font-size: 14px;
@font-desktop-small-italic-gray-line-height: 20px;
@font-desktop-small-italic-gray-text-align: left;
@font-desktop-small-italic-gray-color: #838795;
@font-desktop-small-italic-gray-font-style: italic;
@font-desktop-small-italic-gray-font-weight: 400;
@font-desktop-small-italic-gray-font-family: Roboto, sans-serif;

.font-desktop-small-italic-gray() {
  font-size: @font-desktop-small-italic-gray-font-size;
  line-height: @font-desktop-small-italic-gray-line-height;
  text-align: @font-desktop-small-italic-gray-text-align;
  color: @font-desktop-small-italic-gray-color;
  font-style: @font-desktop-small-italic-gray-font-style;
  font-weight: @font-desktop-small-italic-gray-font-weight;
  font-family: @font-desktop-small-italic-gray-font-family;
}

/* desktop/h2/dark font style */
@font-desktop-h-2-dark-font-size: 24px;
@font-desktop-h-2-dark-line-height: 28px;
@font-desktop-h-2-dark-text-align: left;
@font-desktop-h-2-dark-color: #3f4352;
@font-desktop-h-2-dark-font-style: normal;
@font-desktop-h-2-dark-font-weight: 600;
@font-desktop-h-2-dark-font-family: Roboto, sans-serif;

.font-desktop-h-2-dark() {
  font-size: @font-desktop-h-2-dark-font-size;
  line-height: @font-desktop-h-2-dark-line-height;
  text-align: @font-desktop-h-2-dark-text-align;
  color: @font-desktop-h-2-dark-color;
  font-style: @font-desktop-h-2-dark-font-style;
  font-weight: @font-desktop-h-2-dark-font-weight;
  font-family: @font-desktop-h-2-dark-font-family;
}

/* desktop/body/medium/dark font style */
@font-desktop-body-medium-dark-font-size: 16px;
@font-desktop-body-medium-dark-line-height: 24px;
@font-desktop-body-medium-dark-text-align: left;
@font-desktop-body-medium-dark-color: #3f4352;
@font-desktop-body-medium-dark-font-style: normal;
@font-desktop-body-medium-dark-font-weight: 500;
@font-desktop-body-medium-dark-font-family: Roboto, sans-serif;

.font-desktop-body-medium-dark() {
  font-size: @font-desktop-body-medium-dark-font-size;
  line-height: @font-desktop-body-medium-dark-line-height;
  text-align: @font-desktop-body-medium-dark-text-align;
  color: @font-desktop-body-medium-dark-color;
  font-style: @font-desktop-body-medium-dark-font-style;
  font-weight: @font-desktop-body-medium-dark-font-weight;
  font-family: @font-desktop-body-medium-dark-font-family;
}

/* desktop/h3/dark font style */
@font-desktop-h-3-dark-font-size: 18px;
@font-desktop-h-3-dark-line-height: 24px;
@font-desktop-h-3-dark-text-align: left;
@font-desktop-h-3-dark-color: #3f4352;
@font-desktop-h-3-dark-font-style: normal;
@font-desktop-h-3-dark-font-weight: 400;
@font-desktop-h-3-dark-font-family: Roboto, sans-serif;

.font-desktop-h-3-dark() {
  font-size: @font-desktop-h-3-dark-font-size;
  line-height: @font-desktop-h-3-dark-line-height;
  text-align: @font-desktop-h-3-dark-text-align;
  color: @font-desktop-h-3-dark-color;
  font-style: @font-desktop-h-3-dark-font-style;
  font-weight: @font-desktop-h-3-dark-font-weight;
  font-family: @font-desktop-h-3-dark-font-family;
}

/* desktop/small/regular/lightGray font style */
@font-desktop-small-regular-light-gray-font-size: 14px;
@font-desktop-small-regular-light-gray-line-height: 20px;
@font-desktop-small-regular-light-gray-text-align: left;
@font-desktop-small-regular-light-gray-color: #babcc2;
@font-desktop-small-regular-light-gray-font-style: normal;
@font-desktop-small-regular-light-gray-font-weight: 400;
@font-desktop-small-regular-light-gray-font-family: Roboto, sans-serif;

.font-desktop-small-regular-light-gray-base() {
  font-size: @font-desktop-small-regular-light-gray-font-size;
  text-align: @font-desktop-small-regular-light-gray-text-align;
  color: @font-desktop-small-regular-light-gray-color;
  font-style: @font-desktop-small-regular-light-gray-font-style;
  font-weight: @font-desktop-small-regular-light-gray-font-weight;
  font-family: @font-desktop-small-regular-light-gray-font-family;
}

.font-desktop-small-regular-light-gray() {
  .font-desktop-small-regular-light-gray-base();
  line-height: @font-desktop-small-regular-light-gray-line-height;
}

/* desktop/body/regular/gray font style */
@font-desktop-body-regular-gray-font-size: 16px;
@font-desktop-body-regular-gray-line-height: 24px;
@font-desktop-body-regular-gray-text-align: left;
@font-desktop-body-regular-gray-color: #838795;
@font-desktop-body-regular-gray-font-style: normal;
@font-desktop-body-regular-gray-font-weight: 400;
@font-desktop-body-regular-gray-font-family: Roboto, sans-serif;

.font-desktop-body-regular-gray() {
  font-size: @font-desktop-body-regular-gray-font-size;
  line-height: @font-desktop-body-regular-gray-line-height;
  text-align: @font-desktop-body-regular-gray-text-align;
  color: @font-desktop-body-regular-gray-color;
  font-style: @font-desktop-body-regular-gray-font-style;
  font-weight: @font-desktop-body-regular-gray-font-weight;
  font-family: @font-desktop-body-regular-gray-font-family;
}

/* desktop/small/medium/dark font style */
@font-desktop-small-medium-dark-font-size: 14px;
@font-desktop-small-medium-dark-line-height: 20px;
@font-desktop-small-medium-dark-text-align: left;
@font-desktop-small-medium-dark-color: #3f4352;
@font-desktop-small-medium-dark-font-style: normal;
@font-desktop-small-medium-dark-font-weight: 500;
@font-desktop-small-medium-dark-font-family: Roboto, sans-serif;

.font-desktop-small-medium-dark() {
  font-size: @font-desktop-small-medium-dark-font-size;
  line-height: @font-desktop-small-medium-dark-line-height;
  text-align: @font-desktop-small-medium-dark-text-align;
  color: @font-desktop-small-medium-dark-color;
  font-style: @font-desktop-small-medium-dark-font-style;
  font-weight: @font-desktop-small-medium-dark-font-weight;
  font-family: @font-desktop-small-medium-dark-font-family;
}

/* desktop/body/medium/primary font style */
@font-desktop-body-medium-primary-font-size: 16px;
@font-desktop-body-medium-primary-line-height: 24px;
@font-desktop-body-medium-primary-text-align: left;
@font-desktop-body-medium-primary-color: #1eb386;
@font-desktop-body-medium-primary-font-style: normal;
@font-desktop-body-medium-primary-font-weight: 500;
@font-desktop-body-medium-primary-font-family: Roboto, sans-serif;

.font-desktop-body-medium-primary() {
  font-size: @font-desktop-body-medium-primary-font-size;
  line-height: @font-desktop-body-medium-primary-line-height;
  text-align: @font-desktop-body-medium-primary-text-align;
  color: @font-desktop-body-medium-primary-color;
  font-style: @font-desktop-body-medium-primary-font-style;
  font-weight: @font-desktop-body-medium-primary-font-weight;
  font-family: @font-desktop-body-medium-primary-font-family;
}

/* desktop/body/medium/gray font style */
@font-desktop-body-medium-gray-font-size: 16px;
@font-desktop-body-medium-gray-line-height: 24px;
@font-desktop-body-medium-gray-text-align: left;
@font-desktop-body-medium-gray-color: #838795;
@font-desktop-body-medium-gray-font-style: normal;
@font-desktop-body-medium-gray-font-weight: 500;
@font-desktop-body-medium-gray-font-family: Roboto, sans-serif;

.font-desktop-body-medium-gray() {
  font-size: @font-desktop-body-medium-gray-font-size;
  line-height: @font-desktop-body-medium-gray-line-height;
  text-align: @font-desktop-body-medium-gray-text-align;
  color: @font-desktop-body-medium-gray-color;
  font-style: @font-desktop-body-medium-gray-font-style;
  font-weight: @font-desktop-body-medium-gray-font-weight;
  font-family: @font-desktop-body-medium-gray-font-family;
}

/* desktop/body/medium/lightGray font style */
@font-desktop-body-medium-light-gray-font-size: 16px;
@font-desktop-body-medium-light-gray-line-height: 24px;
@font-desktop-body-medium-light-gray-text-align: left;
@font-desktop-body-medium-light-gray-color: #babcc2;
@font-desktop-body-medium-light-gray-font-style: normal;
@font-desktop-body-medium-light-gray-font-weight: 500;
@font-desktop-body-medium-light-gray-font-family: Roboto, sans-serif;

.font-desktop-body-medium-light-gray() {
  font-size: @font-desktop-body-medium-light-gray-font-size;
  line-height: @font-desktop-body-medium-light-gray-line-height;
  text-align: @font-desktop-body-medium-light-gray-text-align;
  color: @font-desktop-body-medium-light-gray-color;
  font-style: @font-desktop-body-medium-light-gray-font-style;
  font-weight: @font-desktop-body-medium-light-gray-font-weight;
  font-family: @font-desktop-body-medium-light-gray-font-family;
}

/* desktop/xSmall/regular/gray font style */
@font-desktop-x-small-regular-gray-font-size: 12px;
@font-desktop-x-small-regular-gray-line-height: 16px;
@font-desktop-x-small-regular-gray-text-align: left;
@font-desktop-x-small-regular-gray-color: @color-dark;
@font-desktop-x-small-regular-gray-font-style: normal;
@font-desktop-x-small-regular-gray-font-weight: 400;
@font-desktop-x-small-regular-gray-font-family: "Roboto Light";

.font-desktop-x-small-regular-gray() {
  font-size: @font-desktop-x-small-regular-gray-font-size;
  line-height: @font-desktop-x-small-regular-gray-line-height;
  text-align: @font-desktop-x-small-regular-gray-text-align;
  color: @font-desktop-x-small-regular-gray-color;
  font-style: @font-desktop-x-small-regular-gray-font-style;
  font-weight: @font-desktop-x-small-regular-gray-font-weight;
  font-family: @font-desktop-x-small-regular-gray-font-family;
}

/* desktop/body/medium/dark-right font style */
@font-desktop-body-medium-dark-right-font-size: 16px;
@font-desktop-body-medium-dark-right-line-height: 24px;
@font-desktop-body-medium-dark-right-text-align: right;
@font-desktop-body-medium-dark-right-color: #3f4352;
@font-desktop-body-medium-dark-right-font-style: normal;
@font-desktop-body-medium-dark-right-font-weight: 500;
@font-desktop-body-medium-dark-right-font-family: Roboto, sans-serif;

.font-desktop-body-medium-dark-right() {
  font-size: @font-desktop-body-medium-dark-right-font-size;
  line-height: @font-desktop-body-medium-dark-right-line-height;
  text-align: @font-desktop-body-medium-dark-right-text-align;
  color: @font-desktop-body-medium-dark-right-color;
  font-style: @font-desktop-body-medium-dark-right-font-style;
  font-weight: @font-desktop-body-medium-dark-right-font-weight;
  font-family: @font-desktop-body-medium-dark-right-font-family;
}

/* desktop/small/regular/dark-right font style */
@font-desktop-small-regular-dark-right-font-size: 14px;
@font-desktop-small-regular-dark-right-line-height: 20px;
@font-desktop-small-regular-dark-right-text-align: right;
@font-desktop-small-regular-dark-right-color: #3f4352;
@font-desktop-small-regular-dark-right-font-style: normal;
@font-desktop-small-regular-dark-right-font-weight: 400;
@font-desktop-small-regular-dark-right-font-family: Roboto, sans-serif;

.font-desktop-small-regular-dark-right() {
  font-size: @font-desktop-small-regular-dark-right-font-size;
  line-height: @font-desktop-small-regular-dark-right-line-height;
  text-align: @font-desktop-small-regular-dark-right-text-align;
  color: @font-desktop-small-regular-dark-right-color;
  font-style: @font-desktop-small-regular-dark-right-font-style;
  font-weight: @font-desktop-small-regular-dark-right-font-weight;
  font-family: @font-desktop-small-regular-dark-right-font-family;
}

/* desktop/small/regular/gray-right font style */
@font-desktop-small-regular-gray-right-font-size: 14px;
@font-desktop-small-regular-gray-right-line-height: 20px;
@font-desktop-small-regular-gray-right-text-align: right;
@font-desktop-small-regular-gray-right-color: #838795;
@font-desktop-small-regular-gray-right-font-style: normal;
@font-desktop-small-regular-gray-right-font-weight: 400;
@font-desktop-small-regular-gray-right-font-family: Roboto, sans-serif;

.font-desktop-small-regular-gray-right() {
  font-size: @font-desktop-small-regular-gray-right-font-size;
  line-height: @font-desktop-small-regular-gray-right-line-height;
  text-align: @font-desktop-small-regular-gray-right-text-align;
  color: @font-desktop-small-regular-gray-right-color;
  font-style: @font-desktop-small-regular-gray-right-font-style;
  font-weight: @font-desktop-small-regular-gray-right-font-weight;
  font-family: @font-desktop-small-regular-gray-right-font-family;
}

/* components/button/normal-alt-center font style */
@font-components-button-normal-alt-center-font-size: 14px;
@font-components-button-normal-alt-center-line-height: 14px;
@font-components-button-normal-alt-center-text-align: center;
@font-components-button-normal-alt-center-color: #1eb386;
@font-components-button-normal-alt-center-letter-spacing: 0.4px;
@font-components-button-normal-alt-center-text-transform: uppercase;
@font-components-button-normal-alt-center-font-style: normal;
@font-components-button-normal-alt-center-font-weight: bold;
@font-components-button-normal-alt-center-font-family: Roboto, sans-serif;

.font-components-button-normal-alt-center() {
  font-size: @font-components-button-normal-alt-center-font-size;
  line-height: @font-components-button-normal-alt-center-line-height;
  text-align: @font-components-button-normal-alt-center-text-align;
  color: @font-components-button-normal-alt-center-color;
  letter-spacing: @font-components-button-normal-alt-center-letter-spacing;
  text-transform: @font-components-button-normal-alt-center-text-transform;
  font-style: @font-components-button-normal-alt-center-font-style;
  font-weight: @font-components-button-normal-alt-center-font-weight;
  font-family: @font-components-button-normal-alt-center-font-family;
}

/* desktop/body/medium/dark-center font style */
@font-desktop-body-medium-dark-center-font-size: 16px;
@font-desktop-body-medium-dark-center-line-height: 24px;
@font-desktop-body-medium-dark-center-text-align: center;
@font-desktop-body-medium-dark-center-color: #3f4352;
@font-desktop-body-medium-dark-center-font-style: normal;
@font-desktop-body-medium-dark-center-font-weight: 500;
@font-desktop-body-medium-dark-center-font-family: Roboto, sans-serif;

.font-desktop-body-medium-dark-center() {
  font-size: @font-desktop-body-medium-dark-center-font-size;
  line-height: @font-desktop-body-medium-dark-center-line-height;
  text-align: @font-desktop-body-medium-dark-center-text-align;
  color: @font-desktop-body-medium-dark-center-color;
  font-style: @font-desktop-body-medium-dark-center-font-style;
  font-weight: @font-desktop-body-medium-dark-center-font-weight;
  font-family: @font-desktop-body-medium-dark-center-font-family;
}

/* components/button/big font style */
@font-components-button-big-font-size: 14px;
@font-components-button-big-line-height: 16px;
@font-components-button-big-text-align: center;
@font-components-button-big-color: #ffffff;
@font-components-button-big-letter-spacing: 0.4px;
@font-components-button-big-text-transform: uppercase;
@font-components-button-big-font-style: normal;
@font-components-button-big-font-weight: 500;
@font-components-button-big-font-family: Roboto Medium, sans-serif;

.font-components-button-big() {
  font-size: @font-components-button-big-font-size;
  line-height: @font-components-button-big-line-height;
  text-align: @font-components-button-big-text-align;
  letter-spacing: @font-components-button-big-letter-spacing;
  text-transform: @font-components-button-big-text-transform;
  font-style: @font-components-button-big-font-style;
  font-weight: @font-components-button-big-font-weight;
  font-family: @font-components-button-big-font-family;
}

/* components/button/small font style */
@font-components-button-small-font-size: 14px;
@font-components-button-small-line-height: 20px;
@font-components-button-small-text-align: center;
@font-components-button-small-letter-spacing: 0.1px;
@font-components-button-small-font-style: normal;
@font-components-button-small-font-weight: bold;
@font-components-button-small-font-family: Roboto, sans-serif;

.font-components-button-small() {
  font-size: @font-components-button-small-font-size;
  line-height: @font-components-button-small-line-height;
  text-align: @font-components-button-small-text-align;
  letter-spacing: @font-components-button-small-letter-spacing;
  font-style: @font-components-button-small-font-style;
  font-weight: @font-components-button-small-font-weight;
  font-family: @font-components-button-small-font-family;
}

/* components/button/normal-center font style */
@font-components-button-normal-center-font-size: 14px;
@font-components-button-normal-center-line-height: 14px;
@font-components-button-normal-center-text-align: center;
@font-components-button-normal-center-color: #ffffff;
@font-components-button-normal-center-letter-spacing: 0.4px;
@font-components-button-normal-center-text-transform: uppercase;
@font-components-button-normal-center-font-style: normal;
@font-components-button-normal-center-font-weight: bold;
@font-components-button-normal-center-font-family: Roboto, sans-serif;

.font-components-button-normal-center() {
  font-size: @font-components-button-normal-center-font-size;
  line-height: @font-components-button-normal-center-line-height;
  text-align: @font-components-button-normal-center-text-align;
  color: @font-components-button-normal-center-color;
  letter-spacing: @font-components-button-normal-center-letter-spacing;
  text-transform: @font-components-button-normal-center-text-transform;
  font-style: @font-components-button-normal-center-font-style;
  font-weight: @font-components-button-normal-center-font-weight;
  font-family: @font-components-button-normal-center-font-family;
}

/* desktop/body/regular/accent font style */
@font-desktop-body-regular-accent-font-size: 16px;
@font-desktop-body-regular-accent-line-height: 24px;
@font-desktop-body-regular-accent-text-align: left;
@font-desktop-body-regular-accent-color: #1eb386;
@font-desktop-body-regular-accent-font-style: normal;
@font-desktop-body-regular-accent-font-weight: 400;
@font-desktop-body-regular-accent-font-family: Roboto, sans-serif;

.font-desktop-body-regular-accent() {
  font-size: @font-desktop-body-regular-accent-font-size;
  line-height: @font-desktop-body-regular-accent-line-height;
  text-align: @font-desktop-body-regular-accent-text-align;
  color: @font-desktop-body-regular-accent-color;
  font-style: @font-desktop-body-regular-accent-font-style;
  font-weight: @font-desktop-body-regular-accent-font-weight;
  font-family: @font-desktop-body-regular-accent-font-family;
}

/* desktop/small/regular/dark-center font style */
@font-desktop-small-regular-dark-center-font-size: 14px;
@font-desktop-small-regular-dark-center-line-height: 20px;
@font-desktop-small-regular-dark-center-text-align: center;
@font-desktop-small-regular-dark-center-color: #3f4352;
@font-desktop-small-regular-dark-center-font-style: normal;
@font-desktop-small-regular-dark-center-font-weight: 400;
@font-desktop-small-regular-dark-center-font-family: Roboto, sans-serif;

.font-desktop-small-regular-dark-center() {
  font-size: @font-desktop-small-regular-dark-center-font-size;
  line-height: @font-desktop-small-regular-dark-center-line-height;
  text-align: @font-desktop-small-regular-dark-center-text-align;
  color: @font-desktop-small-regular-dark-center-color;
  font-style: @font-desktop-small-regular-dark-center-font-style;
  font-weight: @font-desktop-small-regular-dark-center-font-weight;
  font-family: @font-desktop-small-regular-dark-center-font-family;
}

/* desktop/small/regular/gray-center font style */
@font-desktop-small-regular-gray-center-font-size: 14px;
@font-desktop-small-regular-gray-center-line-height: 20px;
@font-desktop-small-regular-gray-center-text-align: center;
@font-desktop-small-regular-gray-center-color: #838795;
@font-desktop-small-regular-gray-center-font-style: normal;
@font-desktop-small-regular-gray-center-font-weight: 400;
@font-desktop-small-regular-gray-center-font-family: Roboto, sans-serif;

.font-desktop-small-regular-gray-center() {
  font-size: @font-desktop-small-regular-gray-center-font-size;
  line-height: @font-desktop-small-regular-gray-center-line-height;
  text-align: @font-desktop-small-regular-gray-center-text-align;
  color: @font-desktop-small-regular-gray-center-color;
  font-style: @font-desktop-small-regular-gray-center-font-style;
  font-weight: @font-desktop-small-regular-gray-center-font-weight;
  font-family: @font-desktop-small-regular-gray-center-font-family;
}

/* desktop/body/regular/dark-center font style */
@font-desktop-body-regular-dark-center-font-size: 16px;
@font-desktop-body-regular-dark-center-line-height: 24px;
@font-desktop-body-regular-dark-center-text-align: center;
@font-desktop-body-regular-dark-center-color: #3f4352;
@font-desktop-body-regular-dark-center-font-style: normal;
@font-desktop-body-regular-dark-center-font-weight: 400;
@font-desktop-body-regular-dark-center-font-family: Roboto, sans-serif;

.font-desktop-body-regular-dark-center() {
  font-size: @font-desktop-body-regular-dark-center-font-size;
  line-height: @font-desktop-body-regular-dark-center-line-height;
  text-align: @font-desktop-body-regular-dark-center-text-align;
  color: @font-desktop-body-regular-dark-center-color;
  font-style: @font-desktop-body-regular-dark-center-font-style;
  font-weight: @font-desktop-body-regular-dark-center-font-weight;
  font-family: @font-desktop-body-regular-dark-center-font-family;
}

/* desktop/body/regular/gray-center font style */
@font-desktop-body-regular-gray-center-font-size: 16px;
@font-desktop-body-regular-gray-center-line-height: 24px;
@font-desktop-body-regular-gray-center-text-align: center;
@font-desktop-body-regular-gray-center-color: #838795;
@font-desktop-body-regular-gray-center-font-style: normal;
@font-desktop-body-regular-gray-center-font-weight: 400;
@font-desktop-body-regular-gray-center-font-family: Roboto, sans-serif;

.font-desktop-body-regular-gray-center() {
  font-size: @font-desktop-body-regular-gray-center-font-size;
  line-height: @font-desktop-body-regular-gray-center-line-height;
  text-align: @font-desktop-body-regular-gray-center-text-align;
  color: @font-desktop-body-regular-gray-center-color;
  font-style: @font-desktop-body-regular-gray-center-font-style;
  font-weight: @font-desktop-body-regular-gray-center-font-weight;
  font-family: @font-desktop-body-regular-gray-center-font-family;
}

/* desktop/body/medium/primary-center font style */
@font-desktop-body-medium-primary-center-font-size: 16px;
@font-desktop-body-medium-primary-center-line-height: 24px;
@font-desktop-body-medium-primary-center-text-align: center;
@font-desktop-body-medium-primary-center-color: #1eb386;
@font-desktop-body-medium-primary-center-font-style: normal;
@font-desktop-body-medium-primary-center-font-weight: 500;
@font-desktop-body-medium-primary-center-font-family: Roboto, sans-serif;

.font-desktop-body-medium-primary-center() {
  font-size: @font-desktop-body-medium-primary-center-font-size;
  line-height: @font-desktop-body-medium-primary-center-line-height;
  text-align: @font-desktop-body-medium-primary-center-text-align;
  color: @font-desktop-body-medium-primary-center-color;
  font-style: @font-desktop-body-medium-primary-center-font-style;
  font-weight: @font-desktop-body-medium-primary-center-font-weight;
  font-family: @font-desktop-body-medium-primary-center-font-family;
}

/* desktop/body/medium/gray-center font style */
@font-desktop-body-medium-gray-center-font-size: 16px;
@font-desktop-body-medium-gray-center-line-height: 24px;
@font-desktop-body-medium-gray-center-text-align: center;
@font-desktop-body-medium-gray-center-color: #838795;
@font-desktop-body-medium-gray-center-font-style: normal;
@font-desktop-body-medium-gray-center-font-weight: 500;
@font-desktop-body-medium-gray-center-font-family: Roboto, sans-serif;

.font-desktop-body-medium-gray-center() {
  font-size: @font-desktop-body-medium-gray-center-font-size;
  line-height: @font-desktop-body-medium-gray-center-line-height;
  text-align: @font-desktop-body-medium-gray-center-text-align;
  color: @font-desktop-body-medium-gray-center-color;
  font-style: @font-desktop-body-medium-gray-center-font-style;
  font-weight: @font-desktop-body-medium-gray-center-font-weight;
  font-family: @font-desktop-body-medium-gray-center-font-family;
}

/* desktop/body/medium/lightGray-center font style */
@font-desktop-body-medium-light-gray-center-font-size: 16px;
@font-desktop-body-medium-light-gray-center-line-height: 24px;
@font-desktop-body-medium-light-gray-center-text-align: center;
@font-desktop-body-medium-light-gray-center-color: #babcc2;
@font-desktop-body-medium-light-gray-center-font-style: normal;
@font-desktop-body-medium-light-gray-center-font-weight: 500;
@font-desktop-body-medium-light-gray-center-font-family: Roboto, sans-serif;

.font-desktop-body-medium-light-gray-center() {
  font-size: @font-desktop-body-medium-light-gray-center-font-size;
  line-height: @font-desktop-body-medium-light-gray-center-line-height;
  text-align: @font-desktop-body-medium-light-gray-center-text-align;
  color: @font-desktop-body-medium-light-gray-center-color;
  font-style: @font-desktop-body-medium-light-gray-center-font-style;
  font-weight: @font-desktop-body-medium-light-gray-center-font-weight;
  font-family: @font-desktop-body-medium-light-gray-center-font-family;
}

/* desktop/small/medium/dark-center font style */
@font-desktop-small-medium-dark-center-font-size: 14px;
@font-desktop-small-medium-dark-center-line-height: 20px;
@font-desktop-small-medium-dark-center-text-align: center;
@font-desktop-small-medium-dark-center-color: #3f4352;
@font-desktop-small-medium-dark-center-font-style: normal;
@font-desktop-small-medium-dark-center-font-weight: 500;
@font-desktop-small-medium-dark-center-font-family: Roboto, sans-serif;

.font-desktop-small-medium-dark-center() {
  font-size: @font-desktop-small-medium-dark-center-font-size;
  line-height: @font-desktop-small-medium-dark-center-line-height;
  text-align: @font-desktop-small-medium-dark-center-text-align;
  color: @font-desktop-small-medium-dark-center-color;
  font-style: @font-desktop-small-medium-dark-center-font-style;
  font-weight: @font-desktop-small-medium-dark-center-font-weight;
  font-family: @font-desktop-small-medium-dark-center-font-family;
}

/* desktop/small/medium/accent-center font style */
@font-desktop-small-medium-accent-center-font-size: 14px;
@font-desktop-small-medium-accent-center-line-height: 20px;
@font-desktop-small-medium-accent-center-text-align: center;
@font-desktop-small-medium-accent-center-color: #1eb386;
@font-desktop-small-medium-accent-center-font-style: normal;
@font-desktop-small-medium-accent-center-font-weight: 400;
@font-desktop-small-medium-accent-center-font-family: Roboto, sans-serif;

.font-desktop-small-medium-accent-center() {
  font-size: @font-desktop-small-medium-accent-center-font-size;
  line-height: @font-desktop-small-medium-accent-center-line-height;
  text-align: @font-desktop-small-medium-accent-center-text-align;
  color: @font-desktop-small-medium-accent-center-color;
  font-style: @font-desktop-small-medium-accent-center-font-style;
  font-weight: @font-desktop-small-medium-accent-center-font-weight;
  font-family: @font-desktop-small-medium-accent-center-font-family;
}

/* desktop/small/medium/dark-right font style */
@font-desktop-small-medium-dark-right-font-size: 14px;
@font-desktop-small-medium-dark-right-line-height: 20px;
@font-desktop-small-medium-dark-right-text-align: right;
@font-desktop-small-medium-dark-right-color: #3f4352;
@font-desktop-small-medium-dark-right-font-style: normal;
@font-desktop-small-medium-dark-right-font-weight: 500;
@font-desktop-small-medium-dark-right-font-family: Roboto, sans-serif;

.font-desktop-small-medium-dark-right() {
  font-size: @font-desktop-small-medium-dark-right-font-size;
  line-height: @font-desktop-small-medium-dark-right-line-height;
  text-align: @font-desktop-small-medium-dark-right-text-align;
  color: @font-desktop-small-medium-dark-right-color;
  font-style: @font-desktop-small-medium-dark-right-font-style;
  font-weight: @font-desktop-small-medium-dark-right-font-weight;
  font-family: @font-desktop-small-medium-dark-right-font-family;
}

/* desktop/small/regular/accent-center font style */
@font-desktop-small-regular-accent-center-font-size: 14px;
@font-desktop-small-regular-accent-center-line-height: 20px;
@font-desktop-small-regular-accent-center-text-align: center;
@font-desktop-small-regular-accent-center-color: #1eb386;
@font-desktop-small-regular-accent-center-font-style: normal;
@font-desktop-small-regular-accent-center-font-weight: 400;
@font-desktop-small-regular-accent-center-font-family: Roboto, sans-serif;

.font-desktop-small-regular-accent-center() {
  font-size: @font-desktop-small-regular-accent-center-font-size;
  line-height: @font-desktop-small-regular-accent-center-line-height;
  text-align: @font-desktop-small-regular-accent-center-text-align;
  color: @font-desktop-small-regular-accent-center-color;
  font-style: @font-desktop-small-regular-accent-center-font-style;
  font-weight: @font-desktop-small-regular-accent-center-font-weight;
  font-family: @font-desktop-small-regular-accent-center-font-family;
}

/* desktop/small/regular/accent font style */
@font-desktop-small-regular-accent-font-size: 14px;
@font-desktop-small-regular-accent-line-height: 20px;
@font-desktop-small-regular-accent-text-align: left;
@font-desktop-small-regular-accent-color: #1eb386;
@font-desktop-small-regular-accent-font-style: normal;
@font-desktop-small-regular-accent-font-weight: 400;
@font-desktop-small-regular-accent-font-family: Roboto, sans-serif;

.font-desktop-small-regular-accent() {
  font-size: @font-desktop-small-regular-accent-font-size;
  line-height: @font-desktop-small-regular-accent-line-height;
  text-align: @font-desktop-small-regular-accent-text-align;
  color: @font-desktop-small-regular-accent-color;
  font-style: @font-desktop-small-regular-accent-font-style;
  font-weight: @font-desktop-small-regular-accent-font-weight;
  font-family: @font-desktop-small-regular-accent-font-family;
}

/* components/tab/active font style */
@font-components-tab-active-font-size: 13px;
@font-components-tab-active-line-height: 16px;
@font-components-tab-active-text-align: center;
@font-components-tab-active-color: #3f4352;
@font-components-tab-active-text-transform: uppercase;
@font-components-tab-active-font-style: normal;
@font-components-tab-active-font-weight: 500;
@font-components-tab-active-font-family: Roboto, sans-serif;

.font-components-tab-active() {
  font-size: @font-components-tab-active-font-size;
  line-height: @font-components-tab-active-line-height;
  text-align: @font-components-tab-active-text-align;
  color: @font-components-tab-active-color;
  text-transform: @font-components-tab-active-text-transform;
  font-style: @font-components-tab-active-font-style;
  font-weight: @font-components-tab-active-font-weight;
  font-family: @font-components-tab-active-font-family;
}

/* components/tab/inactive font style */
@font-components-tab-inactive-font-size: 13px;
@font-components-tab-inactive-line-height: 16px;
@font-components-tab-inactive-text-align: center;
@font-components-tab-inactive-color: #838795;
@font-components-tab-inactive-text-transform: uppercase;
@font-components-tab-inactive-font-style: normal;
@font-components-tab-inactive-font-weight: 400;
@font-components-tab-inactive-font-family: Roboto, sans-serif;

.font-components-tab-inactive() {
  font-size: @font-components-tab-inactive-font-size;
  line-height: @font-components-tab-inactive-line-height;
  text-align: @font-components-tab-inactive-text-align;
  color: @font-components-tab-inactive-color;
  text-transform: @font-components-tab-inactive-text-transform;
  font-style: @font-components-tab-inactive-font-style;
  font-weight: @font-components-tab-inactive-font-weight;
  font-family: @font-components-tab-inactive-font-family;
}

/* desktop/xSmall/regular/dark font style */
@font-desktop-x-small-regular-dark-font-size: 12px;
@font-desktop-x-small-regular-dark-line-height: 16px;
@font-desktop-x-small-regular-dark-text-align: left;
@font-desktop-x-small-regular-dark-color: #3f4352;
@font-desktop-x-small-regular-dark-font-style: normal;
@font-desktop-x-small-regular-dark-font-weight: 400;
@font-desktop-x-small-regular-dark-font-family: Roboto, sans-serif;

.font-desktop-x-small-regular-dark() {
  font-size: @font-desktop-x-small-regular-dark-font-size;
  line-height: @font-desktop-x-small-regular-dark-line-height;
  text-align: @font-desktop-x-small-regular-dark-text-align;
  color: @font-desktop-x-small-regular-dark-color;
  font-style: @font-desktop-x-small-regular-dark-font-style;
  font-weight: @font-desktop-x-small-regular-dark-font-weight;
  font-family: @font-desktop-x-small-regular-dark-font-family;
}

/* desktop/xSmall/regular/accent font style */
@font-desktop-x-small-regular-accent-font-size: 12px;
@font-desktop-x-small-regular-accent-line-height: 16px;
@font-desktop-x-small-regular-accent-text-align: left;
@font-desktop-x-small-regular-accent-color: #1eb386;
@font-desktop-x-small-regular-accent-font-style: normal;
@font-desktop-x-small-regular-accent-font-weight: 400;
@font-desktop-x-small-regular-accent-font-family: Roboto, sans-serif;

.font-desktop-x-small-regular-accent() {
  font-size: @font-desktop-x-small-regular-accent-font-size;
  line-height: @font-desktop-x-small-regular-accent-line-height;
  text-align: @font-desktop-x-small-regular-accent-text-align;
  color: @font-desktop-x-small-regular-accent-color;
  font-style: @font-desktop-x-small-regular-accent-font-style;
  font-weight: @font-desktop-x-small-regular-accent-font-weight;
  font-family: @font-desktop-x-small-regular-accent-font-family;
}

/* desktop/h2/dark-center font style */
@font-desktop-h-2-dark-center-font-size: 24px;
@font-desktop-h-2-dark-center-line-height: 28px;
@font-desktop-h-2-dark-center-text-align: center;
@font-desktop-h-2-dark-center-color: #3f4352;
@font-desktop-h-2-dark-center-font-style: normal;
@font-desktop-h-2-dark-center-font-weight: 600;
@font-desktop-h-2-dark-center-font-family: Roboto, sans-serif;

.font-desktop-h-2-dark-center() {
  font-size: @font-desktop-h-2-dark-center-font-size;
  line-height: @font-desktop-h-2-dark-center-line-height;
  text-align: @font-desktop-h-2-dark-center-text-align;
  color: @font-desktop-h-2-dark-center-color;
  font-style: @font-desktop-h-2-dark-center-font-style;
  font-weight: @font-desktop-h-2-dark-center-font-weight;
  font-family: @font-desktop-h-2-dark-center-font-family;
}

/* desktop/h3/dark-center font style */
@font-desktop-h-3-dark-center-font-size: 18px;
@font-desktop-h-3-dark-center-line-height: 24px;
@font-desktop-h-3-dark-center-text-align: center;
@font-desktop-h-3-dark-center-color: #3f4352;
@font-desktop-h-3-dark-center-font-style: normal;
@font-desktop-h-3-dark-center-font-weight: 400;
@font-desktop-h-3-dark-center-font-family: Roboto, sans-serif;

.font-desktop-h-3-dark-center() {
  font-size: @font-desktop-h-3-dark-center-font-size;
  line-height: @font-desktop-h-3-dark-center-line-height;
  text-align: @font-desktop-h-3-dark-center-text-align;
  color: @font-desktop-h-3-dark-center-color;
  font-style: @font-desktop-h-3-dark-center-font-style;
  font-weight: @font-desktop-h-3-dark-center-font-weight;
  font-family: @font-desktop-h-3-dark-center-font-family;
}

/* desktop/xSmall/regular/gray-right font style */
@font-desktop-x-small-regular-gray-right-font-size: 12px;
@font-desktop-x-small-regular-gray-right-line-height: 16px;
@font-desktop-x-small-regular-gray-right-text-align: right;
@font-desktop-x-small-regular-gray-right-color: #838795;
@font-desktop-x-small-regular-gray-right-font-style: normal;
@font-desktop-x-small-regular-gray-right-font-weight: 400;
@font-desktop-x-small-regular-gray-right-font-family: Roboto, sans-serif;

.font-desktop-x-small-regular-gray-right() {
  font-size: @font-desktop-x-small-regular-gray-right-font-size;
  line-height: @font-desktop-x-small-regular-gray-right-line-height;
  text-align: @font-desktop-x-small-regular-gray-right-text-align;
  color: @font-desktop-x-small-regular-gray-right-color;
  font-style: @font-desktop-x-small-regular-gray-right-font-style;
  font-weight: @font-desktop-x-small-regular-gray-right-font-weight;
  font-family: @font-desktop-x-small-regular-gray-right-font-family;
}

/* components/button/normal-alt font style */
@font-components-button-normal-alt-font-size: 14px;
@font-components-button-normal-alt-line-height: 14px;
@font-components-button-normal-alt-text-align: left;
@font-components-button-normal-alt-color: #1eb386;
@font-components-button-normal-alt-letter-spacing: 0.4px;
@font-components-button-normal-alt-text-transform: uppercase;
@font-components-button-normal-alt-font-style: normal;
@font-components-button-normal-alt-font-weight: bold;
@font-components-button-normal-alt-font-family: Roboto, sans-serif;

.font-components-button-normal-alt() {
  font-size: @font-components-button-normal-alt-font-size;
  line-height: @font-components-button-normal-alt-line-height;
  text-align: @font-components-button-normal-alt-text-align;
  color: @font-components-button-normal-alt-color;
  letter-spacing: @font-components-button-normal-alt-letter-spacing;
  text-transform: @font-components-button-normal-alt-text-transform;
  font-style: @font-components-button-normal-alt-font-style;
  font-weight: @font-components-button-normal-alt-font-weight;
  font-family: @font-components-button-normal-alt-font-family;
}

/* components/button/normal-right font style */
@font-components-button-normal-right-font-size: 14px;
@font-components-button-normal-right-line-height: 14px;
@font-components-button-normal-right-text-align: right;
@font-components-button-normal-right-color: #ffffff;
@font-components-button-normal-right-letter-spacing: 0.4px;
@font-components-button-normal-right-text-transform: uppercase;
@font-components-button-normal-right-font-style: normal;
@font-components-button-normal-right-font-weight: bold;
@font-components-button-normal-right-font-family: Roboto, sans-serif;

.font-components-button-normal-right() {
  font-size: @font-components-button-normal-right-font-size;
  line-height: @font-components-button-normal-right-line-height;
  text-align: @font-components-button-normal-right-text-align;
  color: @font-components-button-normal-right-color;
  letter-spacing: @font-components-button-normal-right-letter-spacing;
  text-transform: @font-components-button-normal-right-text-transform;
  font-style: @font-components-button-normal-right-font-style;
  font-weight: @font-components-button-normal-right-font-weight;
  font-family: @font-components-button-normal-right-font-family;
}

/* components/button/normal font style */
@font-components-button-normal-font-size: 14px;
@font-components-button-normal-line-height: 14px;
@font-components-button-normal-text-align: left;
@font-components-button-normal-color: #ffffff;
@font-components-button-normal-letter-spacing: 0.4px;
@font-components-button-normal-text-transform: uppercase;
@font-components-button-normal-font-style: normal;
@font-components-button-normal-font-weight: bold;
@font-components-button-normal-font-family: Roboto, sans-serif;

.font-components-button-normal() {
  font-size: @font-components-button-normal-font-size;
  line-height: @font-components-button-normal-line-height;
  text-align: @font-components-button-normal-text-align;
  color: @font-components-button-normal-color;
  letter-spacing: @font-components-button-normal-letter-spacing;
  text-transform: @font-components-button-normal-text-transform;
  font-style: @font-components-button-normal-font-style;
  font-weight: @font-components-button-normal-font-weight;
  font-family: @font-components-button-normal-font-family;
}

/* components/button/normal-alt-dark font style */
@font-components-button-normal-alt-dark-font-size: 14px;
@font-components-button-normal-alt-dark-line-height: 14px;
@font-components-button-normal-alt-dark-text-align: left;
@font-components-button-normal-alt-dark-color: #3f4352;
@font-components-button-normal-alt-dark-letter-spacing: 0.4px;
@font-components-button-normal-alt-dark-text-transform: uppercase;
@font-components-button-normal-alt-dark-font-style: normal;
@font-components-button-normal-alt-dark-font-weight: 600;
@font-components-button-normal-alt-dark-font-family: Roboto, sans-serif;

.font-components-button-normal-alt-dark() {
  font-size: @font-components-button-normal-alt-dark-font-size;
  line-height: @font-components-button-normal-alt-dark-line-height;
  text-align: @font-components-button-normal-alt-dark-text-align;
  color: @font-components-button-normal-alt-dark-color;
  letter-spacing: @font-components-button-normal-alt-dark-letter-spacing;
  font-style: @font-components-button-normal-alt-dark-font-style;
  font-weight: @font-components-button-normal-alt-dark-font-weight;
  font-family: @font-components-button-normal-alt-dark-font-family;
}

/* components/button/link-ico font style */
@font-components-button-link-ico-font-size: 14px;
@font-components-button-link-ico-line-height: 14px;
@font-components-button-link-ico-text-align: center;
@font-components-button-link-ico-color: @color-dark;
@font-components-button-link-ico-letter-spacing: 0.4px;
@font-components-button-link-ico-font-style: normal;
@font-components-button-link-ico-font-weight: bold;
@font-components-button-link-ico-font-family: Roboto, sans-serif;

.font-components-button-link-ico() {
  font-size: @font-components-button-link-ico-font-size;
  line-height: @font-components-button-link-ico-line-height;
  text-align: @font-components-button-link-ico-text-align;
  color: @font-components-button-link-ico-color;
  letter-spacing: @font-components-button-link-ico-letter-spacing;
  font-style: @font-components-button-link-ico-font-style;
  font-weight: @font-components-button-link-ico-font-weight;
  font-family: @font-components-button-link-ico-font-family;
}

/* components/datepicker/header/text font style */
@font-components-datepicker-header-text-height: 19px;
@font-components-datepicker-header-text-color: #252631;
@font-components-datepicker-header-text-font-family: "Roboto Regular";
@font-components-datepicker-header-text-font-size: 16px;
@font-components-datepicker-header-text-letter-spacing: 0.2px;
@font-components-datepicker-header-text-line-height: 19px;

.font-components-datepicker-header-text() {
  height: @font-components-datepicker-header-text-height;
  color: @font-components-datepicker-header-text-color;
  font-family: @font-components-datepicker-header-text-font-family;
  font-size: @font-components-datepicker-header-text-font-size;
  letter-spacing: @font-components-datepicker-header-text-letter-spacing;
  line-height: @font-components-datepicker-header-text-line-height;
}