/* TEXT BODY */

.text-body-normal-accent1-regular {
    color: #FFD940;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.text-body-normal-accent2-regular {
    color: #00ADEE;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.text-body-normal-accent2-regular-link {
    color: #00ADEE;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-accent2-regular-link:hover {
    text-decoration: underline;
}

.text-body-normal-accent2-regular-list {
    color: #00ADEE;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-normal-accent2-strong {
    color: #00ADEE;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-accent2-strong-list {
    color: #00ADEE;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-normal-dark-regular {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
}

.text-body-normal-dark-regular-link {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px;
    text-decoration: underline;
}

.text-body-normal-dark-regular-list {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-normal-dark-strong {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-dark-strong-link {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: underline;
}

.text-body-normal-dark-strong-list{
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-normal-pale-regular {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-pale-regular-link {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: underline;
}

.text-body-normal-pale-regular-list {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px
}

.text-body-normal-pale-strong {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-pale-strong-link {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: underline;
}

.text-body-normal-pale-strong-list {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-success-regular {
    color: #239b56;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-success-regular-list {
    color: #239b56;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-success-strong {
    color: #239b56;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-success-strong-list {
     color: #239b56;
     font-family: 'Rubik', sans-serif;
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 0;
     line-height: 19px;
 }

.text-body-normal-warning-regular {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-warning-regular-list {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-normal-warning-strong {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
}
.text-body-normal-warning-strong-list {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-normal-white-regular {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-white-regular-link {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: underline;
}

.text-body-normal-white-regular-list {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-normal-white-strong {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
}

.text-body-normal-white-strong-link {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: underline;
}

.text-body-normal-white-strong-list {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
}

.text-body-small-accent2-regular {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-accent2-regular-list {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-accent2-strong {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-accent2-strong-list {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-dark-regular {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-dark-regular-link {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: underline;
}

.text-body-small-dark-regular-list {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-dark-strong {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-dark-strong-link {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: underline;
}

.text-body-small-dark-strong-list {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-pale-regular {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-pale-regular-link {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: underline;
}

.text-body-small-pale-regular-list {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-pale-strong {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-pale-strong-link {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: underline;
}

.text-body-small-pale-strong-list {
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-success-regular {
    color: #239b56;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-success-regular-list {
    color: #239b56;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-success-strong {
    color: #239b56;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-success-strong-list {
    color: #239b56;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-warning-regular {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-warning-regular-list {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-warning-strong {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-warning-strong-list {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-white-regular {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-white-regular-link {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: underline;
}

.text-body-small-white-regular-list {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
}

.text-body-small-white-strong {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-body-small-white-strong-link {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
    text-decoration: underline;
}

.text-body-small-white-strong-list {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 15px;
}


/* TEXT TITLE */

.text-title-large-dark-regular {
    color: #212121;
    font-family: 'Rubik', sans-serif;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
}

.text-title-medium-dark-regular {
    color: #212121;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
}

.text-title-medium-dark-uppercase {
    color: #212121;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    text-transform: uppercase;
}

.text-title-medium-white-regular {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
}

.text-title-medium-white-uppercase{
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
}

.text-title-small-dark-regular {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
}

.text-title-small-dark-strong {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
}

.text-title-small-dark-uppercase {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
}

.text-title-small-white-regular {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
}

.text-title-small-white-strong {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
}

.text-title-small-white-uppercase {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
}

.text-title-x1small-accent2-light {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-accent2-regular {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-dark-light {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-dark-regular {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-dark-strong {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-warning-regular {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-white-light {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-white-regular {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x1small-white-strong {
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
}

.text-title-x2small-accent2-light {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-title-x2small-accent2-regular {
    color: #00adee;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-title-x2small-dark-light {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-title-x2small-dark-regular {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-title-x2small-warning-regular {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-title-x2small-white-light {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-title-x2small-white-regular {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}


/* TEXT PRODUCT */

.text-product-price-large-normal {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
}

.text-product-price-large-old {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 22px;
    text-decoration: line-through;
}

.text-product-price-large-sale {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px;
}

.text-product-price-medium-normal {
    color: #212121;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
}

.text-product-price-medium-old {
    color: #212121;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 18px;
    text-decoration: line-through;
}

.text-product-price-medium-sale {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
}

.text-product-price-small-normal {
    color: #212121;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 14px;
}

.text-product-price-small-old {
    color: #212121;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.35px;
    line-height: 12px;
    text-decoration: line-through;
}

.text-product-price-small-sale {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 14px;
}

.text-product-price-xsmall-normal {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

.text-product-price-xsmall-old {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 17px;
}

.text-product-price-xsmall-sale {
    color: #e74c3c;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 17px;
}

/* TEXT BUTTON */

.text-button-normal-dark {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 13px;
    text-transform: uppercase;
}

.text-button-normal-white {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 13px;
    text-transform: uppercase;
}

.text-button-small-dark {
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 11px;
    text-transform: uppercase;
}

.text-button-small-white {
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 11px;
    text-transform: uppercase;
}

/* TEXT FORM */

.text-form-label{
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.text-form-placeholder{
    color: #838381;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
}

.text-form-value{
    color: #231f20;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 14px;
}