:root {
  --space-1: 10px;
  --space-2: 20px;
  --space-4: 40px;
  --space-6: 60px;
  --space-12: 120px;
  --space-0_5: 5px;
  --color-black100: #000000;
  --color-black60: #707070;
  --color-black30: #c2c2c2;
  --color-black15: #d8d8d8;
  --color-black10: #e7e7e7;
  --color-black5: #f7f7f7;
  --color-white100: #ffffff;
  --color-blue200: #050e3e;
  --color-blue150: #0a1c7b;
  --color-blue100: #1023d7;
  --color-brand: #1023d7;
  --color-blue15: #cacdec;
  --color-blue10: #e6e7f5;
  --color-green150: #003728;
  --color-green100: #00674a;
  --color-green10: #e8efe2;
  --color-yellow150: #a47a0f;
  --color-yellow100: #e2b929;
  --color-yellow10: #fffae9;
  --color-orange150: #a8501c;
  --color-orange100: #da6722;
  --color-orange10: #fcf7f3;
  --color-red150: #510b0b;
  --color-red100: #d71023;
  --color-red50: #ff1023;
  --color-red10: #fef2ef;
}
.m-1 {
  margin: 10px;
}
.mt-1 {
  margin-top: 10px;
}
.mb-1 {
  margin-bottom: 10px;
}
.ml-1 {
  margin-left: 10px;
}
.mr-1 {
  margin-right: 10px;
}
.mx-1 {
  margin-right: 10px;
  margin-left: 10px;
}
.my-1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.p-1 {
  padding: 10px;
}
.pt-1 {
  padding-top: 10px;
}
.pb-1 {
  padding-bottom: 10px;
}
.pl-1 {
  padding-left: 10px;
}
.pr-1 {
  padding-right: 10px;
}
.px-1 {
  padding-right: 10px;
  padding-left: 10px;
}
.py-1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.m-2 {
  margin: 20px;
}
.mt-2 {
  margin-top: 20px;
}
.mb-2 {
  margin-bottom: 20px;
}
.ml-2 {
  margin-left: 20px;
}
.mr-2 {
  margin-right: 20px;
}
.mx-2 {
  margin-right: 20px;
  margin-left: 20px;
}
.my-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.p-2 {
  padding: 20px;
}
.pt-2 {
  padding-top: 20px;
}
.pb-2 {
  padding-bottom: 20px;
}
.pl-2 {
  padding-left: 20px;
}
.pr-2 {
  padding-right: 20px;
}
.px-2 {
  padding-right: 20px;
  padding-left: 20px;
}
.py-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.m-4 {
  margin: 40px;
}
.mt-4 {
  margin-top: 40px;
}
.mb-4 {
  margin-bottom: 40px;
}
.ml-4 {
  margin-left: 40px;
}
.mr-4 {
  margin-right: 40px;
}
.mx-4 {
  margin-right: 40px;
  margin-left: 40px;
}
.my-4 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.p-4 {
  padding: 40px;
}
.pt-4 {
  padding-top: 40px;
}
.pb-4 {
  padding-bottom: 40px;
}
.pl-4 {
  padding-left: 40px;
}
.pr-4 {
  padding-right: 40px;
}
.px-4 {
  padding-right: 40px;
  padding-left: 40px;
}
.py-4 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.m-6 {
  margin: 60px;
}
.mt-6 {
  margin-top: 60px;
}
.mb-6 {
  margin-bottom: 60px;
}
.ml-6 {
  margin-left: 60px;
}
.mr-6 {
  margin-right: 60px;
}
.mx-6 {
  margin-right: 60px;
  margin-left: 60px;
}
.my-6 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.p-6 {
  padding: 60px;
}
.pt-6 {
  padding-top: 60px;
}
.pb-6 {
  padding-bottom: 60px;
}
.pl-6 {
  padding-left: 60px;
}
.pr-6 {
  padding-right: 60px;
}
.px-6 {
  padding-right: 60px;
  padding-left: 60px;
}
.py-6 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.m-12 {
  margin: 120px;
}
.mt-12 {
  margin-top: 120px;
}
.mb-12 {
  margin-bottom: 120px;
}
.ml-12 {
  margin-left: 120px;
}
.mr-12 {
  margin-right: 120px;
}
.mx-12 {
  margin-right: 120px;
  margin-left: 120px;
}
.my-12 {
  margin-top: 120px;
  margin-bottom: 120px;
}
.p-12 {
  padding: 120px;
}
.pt-12 {
  padding-top: 120px;
}
.pb-12 {
  padding-bottom: 120px;
}
.pl-12 {
  padding-left: 120px;
}
.pr-12 {
  padding-right: 120px;
}
.px-12 {
  padding-right: 120px;
  padding-left: 120px;
}
.py-12 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.m-0_5 {
  margin: 5px;
}
.mt-0_5 {
  margin-top: 5px;
}
.mb-0_5 {
  margin-bottom: 5px;
}
.ml-0_5 {
  margin-left: 5px;
}
.mr-0_5 {
  margin-right: 5px;
}
.mx-0_5 {
  margin-right: 5px;
  margin-left: 5px;
}
.my-0_5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.p-0_5 {
  padding: 5px;
}
.pt-0_5 {
  padding-top: 5px;
}
.pb-0_5 {
  padding-bottom: 5px;
}
.pl-0_5 {
  padding-left: 5px;
}
.pr-0_5 {
  padding-right: 5px;
}
.px-0_5 {
  padding-right: 5px;
  padding-left: 5px;
}
.py-0_5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.color-black100 {
  color: #000000;
}
.bg-color-black100 {
  background: #000000;
}

.color-black60 {
  color: #707070;
}
.bg-color-black60 {
  background: #707070;
}

.color-black30 {
  color: #c2c2c2;
}
.bg-color-black30 {
  background: #c2c2c2;
}

.color-black15 {
  color: #d8d8d8;
}
.bg-color-black15 {
  background: #d8d8d8;
}

.color-black10 {
  color: #e7e7e7;
}
.bg-color-black10 {
  background: #e7e7e7;
}

.color-black5 {
  color: #f7f7f7;
}
.bg-color-black5 {
  background: #f7f7f7;
}

.color-white100 {
  color: #ffffff;
}
.bg-color-white100 {
  background: #ffffff;
}

.color-blue200 {
  color: #050e3e;
}
.bg-color-blue200 {
  background: #050e3e;
}

.color-blue150 {
  color: #0a1c7b;
}
.bg-color-blue150 {
  background: #0a1c7b;
}

.color-blue100 {
  color: #1023d7;
}
.bg-color-blue100 {
  background: #1023d7;
}

.color-brand {
  color: #1023d7;
}
.bg-color-brand {
  background: #1023d7;
}

.color-blue15 {
  color: #cacdec;
}
.bg-color-blue15 {
  background: #cacdec;
}

.color-blue10 {
  color: #e6e7f5;
}
.bg-color-blue10 {
  background: #e6e7f5;
}

.color-green150 {
  color: #003728;
}
.bg-color-green150 {
  background: #003728;
}

.color-green100 {
  color: #00674a;
}
.bg-color-green100 {
  background: #00674a;
}

.color-green10 {
  color: #e8efe2;
}
.bg-color-green10 {
  background: #e8efe2;
}

.color-yellow150 {
  color: #a47a0f;
}
.bg-color-yellow150 {
  background: #a47a0f;
}

.color-yellow100 {
  color: #e2b929;
}
.bg-color-yellow100 {
  background: #e2b929;
}

.color-yellow10 {
  color: #fffae9;
}
.bg-color-yellow10 {
  background: #fffae9;
}

.color-orange150 {
  color: #a8501c;
}
.bg-color-orange150 {
  background: #a8501c;
}

.color-orange100 {
  color: #da6722;
}
.bg-color-orange100 {
  background: #da6722;
}

.color-orange10 {
  color: #fcf7f3;
}
.bg-color-orange10 {
  background: #fcf7f3;
}

.color-red150 {
  color: #510b0b;
}
.bg-color-red150 {
  background: #510b0b;
}

.color-red100 {
  color: #d71023;
}
.bg-color-red100 {
  background: #d71023;
}

.color-red50 {
  color: #ff1023;
}
.bg-color-red50 {
  background: #ff1023;
}

.color-red10 {
  color: #fef2ef;
}
.bg-color-red10 {
  background: #fef2ef;
}

.sans-xxxl {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 108px;
  font-size: 102px;

  letter-spacing: -0.01em;
}
.sans-xxl {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 70px;
  font-size: 60px;

  letter-spacing: -0.01em;
}
.sans-xl {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 48px;
  font-size: 40px;

  letter-spacing: -0.01em;
}
.sans-lg {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 40px;
  font-size: 26px;

  letter-spacing: -0.01em;
}
.sans-lg-display {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 32px;
  font-size: 26px;

  letter-spacing: -0.01em;
}
.sans-md {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 32px;
  font-size: 20px;
}
.sans-sm {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 26px;
  font-size: 16px;
}
.sans-sm-display {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-size: 16px;
}
.sans-xs {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-size: 13px;
}
.sans-xxs {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 14px;
  font-size: 11px;
}
.sans-bq {
  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 60px;
  font-size: 50px;

  letter-spacing: -0.01em;
}