:root{--primary-color:#22a9e7;--primary-bg:linear-gradient(#23A9E7,#00AEFF);--secondary-color:#EFF4F8;--light-color:#f1f1f1;--warning-color:orange;--error-color:red;--btn-primary-alt-bg:#2ECC71;--btn-primary-alt-bg__hover:#29b866;--btn-secondary-bg:#187dac;--btn-secondary-bg__hover:#136990;--btn-secondary-color:#fff;--white-fade-bg:linear-gradient(#FFFFFF,#FFFFFF,#EFF4F8);--fade-text:#ccc;--dark-text:#515C6F;--border-std:1px;--border-color:#f1f1f1;--border-radius:3px;--border-primary:4px;--padd-xs:4px;--padd-sm:8px;--padd-sm-md:12px;--padd-md:16px;--padd-mdl:20px;--padd-lg:32px;--gutter-xs:4px;--gutter-sm:8px;--gutter-md:16px;--gutter-lg:32px;--text-xxs:10px;--text-xs:12px;--text-sm:14px;--text-md:18px;--text-lg:20px;--text-xl:24px;--badge-default:#333333;--badge-default-color:#FFFFFF;--badge-info:var(--primary-color);--badge-success:var(--btn-primary-alt-bg);--badge-warning:#fef9c3;--badge-warning-color:#CC9966;--badge-error:#f43f5e;--badge-disabled:#FFFFFF}