:root {
  --black-2: #0000004c;
  --celeste: #d0d0d0;
  --fieldsform: #f6f6fc;
  --pale-sky: #6c757d40;
  --red: #ff0000;
  --white: #ffffff;

  --font-size-l: 30.4px;
  --font-size-m: 30px;
  --font-size-s: 28.3px;
  --font-size-xl: 37.5px;
  --font-size-xs: 27.1px;
  --font-size-xxs: 26px;
  --font-size-xxxs: 12.8px;

  --font-family-inter: "Inter", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-svn-gilroy-regular: "SVN-Gilroy-Regular", Helvetica;
  --font-family-undefined-regular: "undefined-Regular", Helvetica;
  --font-family-utm_avo-bold: "UTM Avo-Bold", Helvetica;
}
.inter-bold-white-30px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-white-30-4px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.undefined-regular-normal-black-27-1px {
  color: var(--black-2);
  font-family: var(--font-family-undefined-regular);
  font-size: var(--font-size-xs);
}

.roboto-semi-bold-celeste-37-5px {
  color: var(--celeste);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-celeste-34-3px {
  color: var(--celeste);
  font-family: var(--font-family-roboto);
  font-size: 34.3px;
  font-style: normal;
  font-weight: 600;
}