@import "fluidTypography";

@font-face {
  font-family: SBSansInterface-Regular;
  src: local(SBSansInterface-Regular),
  url(../fonts/SBSansInterface-Regular/SBSansInterface-Regular.woff2) format("woff2"),
  url(../fonts/SBSansInterface-Regular/SBSansInterface-Regular.woff) format("woff"),
  url(../fonts/SBSansInterface-Regular/SBSansInterface-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: SBSansInterface-Semibold;
  src: local(SBSansInterface-Semibold),
  url(../fonts/SBSansInterface-Semibold/SBSansInterface-Semibold.woff2) format("woff2"),
  url(../fonts/SBSansInterface-Semibold/SBSansInterface-Semibold.woff) format("woff"),
  url(../fonts/SBSansInterface-Semibold/SBSansInterface-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: SBSansInterface-Bold;
  src: local(SBSansInterface-Bold),
  url(../fonts/SBSansInterface-Bold/SBSansInterface-Bold.woff2) format("woff2"),
  url(../fonts/SBSansInterface-Bold/SBSansInterface-Bold.woff) format("woff"),
  url(../fonts/SBSansInterface-Bold/SBSansInterface-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

.rightH1 {
  font-family: SBSansInterface-Bold;
  font-size: pxToRem(30);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}

.centerH1 {
  font-family: SBSansInterface-Bold;
  font-size: pxToRem(30);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.leftH1 {
  font-family: SBSansInterface-Bold;
  font-size: pxToRem(30);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  color: var(--black);
}

.rightH2 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(20);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}

.centerH2 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(20);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.leftH2 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(20);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: var(--black);
}

.rightBody4 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}

.centerBody4 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.leftBody4 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--black);
}

.B2-Red {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--red);
}

.B2-Green {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--green);
}

.B2-Blue {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--blue);
}

.B2 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.B1 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(16);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
}

.rightBody1 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}

.centerBody1 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.leftBody1 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(16);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--black);
}

.rightBody2 {
  font-family: SBSansInterface;
  font-size: pxToRem(14);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}

.centerBody2 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(14);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.leftBody2 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(14);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: var(--black);
}

.rightH4 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(12);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}

.rightH3 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(12);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: right;
  color: var(--black-40);
}

.centerH4 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(12);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.centerH3 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(12);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: var(--black-40);
}

.leftH4 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(12);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.leftH3 {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(12);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: var(--black-40);
}

.rightBody3 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: right;
  color: var(--black);
}

.centerBody3 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.leftBody3 {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: var(--black);
}

.textLogo {
  font-family: SBSansInterface-Bold;
  font-size: pxToRem(18);
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--black);
}

.userName {
  font-family: SBSansInterface-Semibold;
  font-size: pxToRem(14);
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  margin-left: calc(4 * var(--xxs-vw));
}

.error {
  font-family: SBSansInterface-Regular;
  font-size: pxToRem(12);
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: var(--red);
}