:root { 
  --alizarin-crimson: #df1c20;
  --black: #000000;
  --black-2: #0000004c;
  --bright-turquoise: #27e7fa;
  --buttercup: #f6b616;
  --fieldsform: #f6f6fc;
  --lucky-point: #172670;
  --mountain-mist: #919295;
  --pale-sky: #6c757d40;
  --supernova: #ffcc00;
  --tamarillo: #9d171f;
  --white: #ffffff;
 
  --font-size-l: 35.7px;
  --font-size-m: 35px;
  --font-size-s: 30.1px;
  --font-size-xs: 28.8px;
  --font-size-xxs: 21.4px;
  --font-size-xxxs: 16.5px;
  --font-size-xxxxs: 11.7px;
 
  --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-medium-white-16-5px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 500;
}

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

.inter-medium-white-11-7px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 500;
}

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

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

.undefined-regular-normal-black-28-7px {
  color: var(--black-2);
  font-family: var(--font-family-undefined-regular);
  font-size: 28.7px;
}