/* Base colors */
/* Neutral colors */
/* Primary colors */
/* Secondary colors */
/* Warning colors */
/* Negative colors */
/* Positive colors */
/* Informative colors */
/* Purple colors */
/* Gradient colors */
/* Shadows */
/* Transparent colors */
/* Size values */
/* Border radius */
/* Padding */
/* Margin */
/* Blurs */
/* Transitions */
/* Body */
/* Font */
/* Button */
/* Icon */
/* Form */
/* Material Label */
/* Modal */
/* Table */
/* Tab */
/* Sidebar */
/* Accordion */
@font-face {
  font-family: "Inter-Light";
  src: url("../../assets/fonts/Inter28pt-Light.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Light.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Regular";
  src: url("../../assets/fonts/Inter28pt-Regular.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Regular.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Medium";
  src: url("../../assets/fonts/Inter28pt-Medium.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Medium.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Semibold";
  src: url("../../assets/fonts/Inter28pt-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-SemiBold.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter-Bold";
  src: url("../../assets/fonts/Inter28pt-Bold.woff2") format("woff2"), url("../../assets/fonts/Inter28pt-Bold.woff") format("woff");
  font-style: normal;
  font-display: swap;
}
/* Font faces */
/* Display and heading fonts */
* {
  margin: 0;
  padding: 0;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
  box-sizing: border-box;
}

:root {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1rem;
}

html,
body {
  height: 100%;
}

/* -----------------------------------------------------------------
Website base styles. 
----------------------------------------------------------------- */
body {
  font-family: "Inter-Regular", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
  color: #101828;
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
}

/* -----------------------------------------------------------------
Base styles of elements. 
----------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.display {
  font-family: "Inter-Regular", sans-serif;
  color: #344054;
  display: block;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04rem;
}

th,
td {
  font-family: "Inter-Regular", sans-serif;
}

.material-design-component {
  font-family: "Inter-Regular", sans-serif;
}

.row {
  margin: 0;
}

.title-font {
  font-family: "Inter-Regular", sans-serif;
}

.cursor-pointer {
  cursor: pointer;
}

/* -----------------------------------------------------------------
Font weights.
----------------------------------------------------------------- */
.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.font-italic {
  font-style: italic;
}

.font-light {
  font-family: "Inter-Light", sans-serif;
}

.font-medium {
  font-family: "Inter-Medium", sans-serif;
}

.font-semibold {
  font-family: "Inter-Semibold", sans-serif;
}

.font-bold {
  font-family: "Inter-Bold", sans-serif;
}

/* -----------------------------------------------------------------
Heading font sizes.
----------------------------------------------------------------- */
h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 1.875rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

/* -----------------------------------------------------------------
Bodytext font sizes.
----------------------------------------------------------------- */
p {
  line-height: 1.5rem;
  color: #475467;
  font-size: 1rem;
}

.small {
  font-size: 0.875rem !important;
}

.font-10px,
.font-xs {
  font-size: 0.625rem !important;
}

.font-12px,
.font-sm {
  font-size: 0.75rem !important;
}

.font-14px,
.font-md {
  font-size: 0.875rem !important;
}

.font-18px,
.font-lg {
  font-size: 1.125rem !important;
}

.font-20px,
.font-xl {
  font-size: 1.25rem !important;
}

.font-24px,
.font-2xl {
  font-size: 1.5rem !important;
}

.font-32px,
.font-3xl {
  font-size: 2rem !important;
}

.font-40px,
.font-4xl {
  font-size: 2.5rem !important;
}

.font-50px,
.font-5xl {
  font-size: 3.125rem !important;
}

.font-8px {
  font-size: 0.5rem;
}

.font-12px {
  font-size: 0.75rem;
}

.font-16px {
  font-size: 1rem;
}

.font-20px {
  font-size: 1.25rem;
}

.font-24px {
  font-size: 1.5rem;
}

.font-28px {
  font-size: 1.75rem;
}

.font-32px {
  font-size: 2rem;
}

.font-36px {
  font-size: 2.25rem;
}

.font-40px {
  font-size: 2.5rem;
}

.font-48px {
  font-size: 3rem;
}

.font-60px {
  font-size: 3.75rem;
}

.font-64px {
  font-size: 4rem;
}

.font-72px {
  font-size: 4.5rem;
}

.font-80px {
  font-size: 5rem;
}

.font-128px {
  font-size: 8rem;
}

/* -----------------------------------------------------------------
Text alignments
----------------------------------------------------------------- */
.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-justify {
  text-align: justify !important;
}

.text-ellipsis {
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* -----------------------------------------------------------------
COLORS
----------------------------------------------------------------- */
/* Text colors */
.text-white {
  color: #ffffff;
}

.text-black {
  color: #000000;
}

.text-primary {
  color: #DC143C;
}

.text-secondary {
  color: #256bff;
}

.text-paragraph {
  color: #475467;
}

/* Neutral text colors */
.text-neutral-50 {
  color: #fafafa;
}

.text-neutral-100 {
  color: #f5f5f5;
}

.text-neutral-200 {
  color: #EAECF0;
}

.text-neutral-300 {
  color: #E2E2E2;
}

.text-neutral-400 {
  color: #b9babb;
}

.text-neutral-500 {
  color: #97989a;
}

.text-neutral-600 {
  color: #98A2B3;
}

.text-neutral-700 {
  color: #667085;
}

.text-neutral-800 {
  color: #344054;
}

.text-neutral-900 {
  color: #262626;
}

.text-neutral-950 {
  color: #070707;
}

/* Primary text colors */
.text-primary-50 {
  color: #fff2ed;
}

.text-primary-100 {
  color: #ffe1d4;
}

.text-primary-200 {
  color: #ffbea8;
}

.text-primary-300 {
  color: #ff9271;
}

.text-primary-400 {
  color: #DC143C;
}

.text-primary-500 {
  color: #fe2f11;
}

.text-primary-600 {
  color: #ef1607;
}

.text-primary-700 {
  color: #c60908;
}

.text-primary-800 {
  color: #9d0f13;
}

.text-primary-900 {
  color: #7e1013;
}

.text-primary-950 {
  color: #44060a;
}

/* Secondary text colors */
.text-secondary-50 {
  color: #f9f9fa;
}

.text-secondary-100 {
  color: #F7FBFF;
}

.text-secondary-200 {
  color: #E4EEFF;
}

.text-secondary-300 {
  color: #8ebeff;
}

.text-secondary-400 {
  color: #599aff;
}

.text-secondary-500 {
  color: #256bff;
}

.text-secondary-600 {
  color: #1b52f5;
}

.text-secondary-700 {
  color: #143ee1;
}

.text-secondary-800 {
  color: #1733b6;
}

.text-secondary-900 {
  color: #221E53;
}

.text-secondary-950 {
  color: #101232;
}

/* Negative text colors */
.text-negative-50 {
  color: #fef3f2;
}

.text-negative-100 {
  color: #fde6e3;
}

.text-negative-200 {
  color: #fcd1cc;
}

.text-negative-300 {
  color: #f9b0a8;
}

.text-negative-400 {
  color: #f37a7a;
}

.text-red,
.text-negative-500 {
  color: #e85757;
}

.text-negative-600 {
  color: #d33d3d;
}

.text-negative-700 {
  color: #b72b2b;
}

.text-negative-800 {
  color: #962020;
}

.text-negative-900 {
  color: #6f1717;
}

.text-negative-950 {
  color: #400d0d;
}

/* Positive text colors */
.text-positive-50 {
  color: #fefefe;
}

.text-positive-100 {
  color: #cffae6;
}

.text-positive-200 {
  color: #a4f3d1;
}

.text-positive-300 {
  color: #69e5b9;
}

.text-positive-400 {
  color: #38d09e;
}

.text-positive-500 {
  color: #1cb789;
}

.text-positive-600 {
  color: #0e9a74;
}

.text-positive-700 {
  color: #087e60;
}

.text-positive-800 {
  color: #05624b;
}

.text-positive-900 {
  color: #034839;
}

.text-positive-950 {
  color: #012921;
}

/* Warning text colors */
.text-warning-50 {
  color: #f8f8f8;
}

.text-warning-100 {
  color: #fbf0ca;
}

.text-warning-200 {
  color: #f8e092;
}

.text-warning-300 {
  color: #f3d166;
}

.text-warning-400 {
  color: #eabf4b;
}

.text-warning-500 {
  color: #ddad37;
}

.text-warning-600 {
  color: #c99b2b;
}

.text-warning-700 {
  color: #ac8221;
}

.text-warning-800 {
  color: #8a6d18;
}

.text-warning-900 {
  color: #644d10;
}

.text-warning-950 {
  color: #392e08;
}

/* Informative text colors */
.text-informative-50 {
  color: #DEDEDE;
}

.text-informative-100 {
  color: #deedfb;
}

.text-informative-200 {
  color: #c4e1f9;
}

.text-informative-300 {
  color: #9ccff4;
}

.text-informative-400 {
  color: #6db3ed;
}

.text-informative-500 {
  color: #0197F6;
}

.text-informative-600 {
  color: #3679da;
}

.text-informative-700 {
  color: #2C62C2;
}

.text-informative-800 {
  color: #2b53a2;
}

.text-informative-900 {
  color: #141f57;
}

.text-informative-950 {
  color: #101828;
}

/* Background colors */
.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #000000;
}

.bg-gradiant {
  background: linear-gradient(137deg, #171740 24.09%, #101232 87.27%);
}

.bg-radial {
  background: radial-gradient(58.82% 47.06% at 27.71% 32.54%, #282360 0%, #101232 100%);
}

/* Neutral background colors */
.bg-neutral-50 {
  background-color: #fafafa;
}

.bg-neutral-100 {
  background-color: #f5f5f5;
}

.bg-neutral-200 {
  background-color: #EAECF0;
}

.bg-neutral-300 {
  background-color: #E2E2E2;
}

.bg-neutral-400 {
  background-color: #b9babb;
}

.bg-neutral-500 {
  background-color: #97989a;
}

.bg-neutral-600 {
  background-color: #98A2B3;
}

.bg-neutral-700 {
  background-color: #667085;
}

.bg-neutral-800 {
  background-color: #344054;
}

.bg-neutral-900 {
  background-color: #262626;
}

.bg-neutral-950 {
  background-color: #070707;
}

/* Primary background colors */
.bg-primary-50 {
  background-color: #fff2ed;
}

.bg-primary-100 {
  background-color: #ffe1d4;
}

.bg-primary-200 {
  background-color: #ffbea8;
}

.bg-primary-300 {
  background-color: #ff9271;
}

.bg-primary-400 {
  background-color: #DC143C;
}

.bg-primary-500 {
  background-color: #fe2f11;
}

.bg-primary-600 {
  background-color: #ef1607;
}

.bg-primary-700 {
  background-color: #c60908;
}

.bg-primary-800 {
  background-color: #9d0f13;
}

.bg-primary-900 {
  background-color: #7e1013;
}

.bg-primary-950 {
  background-color: #44060a;
}

/* Secondary background colors */
.bg-secondary-50 {
  background-color: #f9f9fa;
}

.bg-secondary-100 {
  background-color: #F7FBFF;
}

.bg-secondary-200 {
  background-color: #E4EEFF;
}

.bg-secondary-300 {
  background-color: #8ebeff;
}

.bg-secondary-400 {
  background-color: #599aff;
}

.bg-secondary-500 {
  background-color: #256bff;
}

.bg-secondary-600 {
  background-color: #1b52f5;
}

.bg-secondary-700 {
  background-color: #143ee1;
}

.bg-secondary-800 {
  background-color: #1733b6;
}

.bg-secondary-900 {
  background-color: #221E53;
}

.bg-secondary-950 {
  background-color: #101232;
}

/* Negative background colors */
.bg-negative-50 {
  background-color: #fef3f2;
}

.bg-negative-100 {
  background-color: #fde6e3;
}

.bg-negative-200 {
  background-color: #fcd1cc;
}

.bg-negative-300 {
  background-color: #f9b0a8;
}

.bg-negative-400 {
  background-color: #f37a7a;
}

.bg-negative-500 {
  background-color: #e85757;
}

.bg-negative-600 {
  background-color: #d33d3d;
}

.bg-negative-700 {
  background-color: #b72b2b;
}

.bg-negative-800 {
  background-color: #962020;
}

.bg-negative-900 {
  background-color: #6f1717;
}

.bg-negative-950 {
  background-color: #400d0d;
}

/* Positive background colors */
.bg-positive-50 {
  background-color: #fefefe;
}

.bg-positive-100 {
  background-color: #cffae6;
}

.bg-positive-200 {
  background-color: #a4f3d1;
}

.bg-positive-300 {
  background-color: #69e5b9;
}

.bg-positive-400 {
  background-color: #38d09e;
}

.bg-positive-500 {
  background-color: #1cb789;
}

.bg-positive-600 {
  background-color: #0e9a74;
}

.bg-positive-700 {
  background-color: #087e60;
}

.bg-positive-800 {
  background-color: #05624b;
}

.bg-positive-900 {
  background-color: #034839;
}

.bg-positive-950 {
  background-color: #012921;
}

/* Warning background colors */
.bg-warning-50 {
  background-color: #f8f8f8;
}

.bg-warning-100 {
  background-color: #fbf0ca;
}

.bg-warning-200 {
  background-color: #f8e092;
}

.bg-warning-300 {
  background-color: #f3d166;
}

.bg-warning-400 {
  background-color: #eabf4b;
}

.bg-warning-500 {
  background-color: #ddad37;
}

.bg-warning-600 {
  background-color: #c99b2b;
}

.bg-warning-700 {
  background-color: #ac8221;
}

.bg-warning-800 {
  background-color: #8a6d18;
}

.bg-warning-900 {
  background-color: #644d10;
}

.bg-warning-950 {
  background-color: #392e08;
}

/* Informative background colors */
.bg-informative-50 {
  background-color: #DEDEDE;
}

.bg-informative-100 {
  background-color: #deedfb;
}

.bg-informative-200 {
  background-color: #c4e1f9;
}

.bg-informative-300 {
  background-color: #9ccff4;
}

.bg-informative-400 {
  background-color: #6db3ed;
}

.bg-informative-500 {
  background-color: #0197F6;
}

.bg-informative-600 {
  background-color: #3679da;
}

.bg-informative-700 {
  background-color: #2C62C2;
}

.bg-informative-800 {
  background-color: #2b53a2;
}

.bg-informative-900 {
  background-color: #141f57;
}

.bg-informative-950 {
  background-color: #101828;
}

.bg-purple-50 {
  background-color: #F4F8FF;
}

.bg-purple-950 {
  background-color: #6941c6;
}

/* Transparent background colors */
.transparent-white-5 {
  opacity: rgba(255, 255, 255, 0.05);
}

.transparent-white-10 {
  opacity: rgba(255, 255, 255, 0.1);
}

.transparent-white-20 {
  opacity: rgba(255, 255, 255, 0.2);
}

.transparent-white-30 {
  opacity: rgba(255, 255, 255, 0.3);
}

.transparent-white-40 {
  opacity: rgba(255, 255, 255, 0.4);
}

.transparent-white-50 {
  opacity: rgba(255, 255, 255, 0.5);
}

.transparent-white-60 {
  opacity: rgba(255, 255, 255, 0.6);
}

.transparent-white-70 {
  opacity: rgba(255, 255, 255, 0.7);
}

.transparent-white-80 {
  opacity: rgba(255, 255, 255, 0.8);
}

.transparent-white-90 {
  opacity: rgba(255, 255, 255, 0.9);
}

.transparent-white-95 {
  opacity: rgba(255, 255, 255, 0.95);
}

.transparent-black-5 {
  opacity: rgba(0, 0, 0, 0.05);
}

.transparent-black-10 {
  opacity: rgba(0, 0, 0, 0.1);
}

.transparent-black-20 {
  opacity: rgba(0, 0, 0, 0.2);
}

.transparent-black-30 {
  opacity: rgba(0, 0, 0, 0.3);
}

.transparent-black-40 {
  opacity: rgba(0, 0, 0, 0.4);
}

.transparent-black-50 {
  opacity: rgba(0, 0, 0, 0.5);
}

.transparent-black-60 {
  opacity: rgba(0, 0, 0, 0.6);
}

.transparent-black-70 {
  opacity: rgba(0, 0, 0, 0.7);
}

.transparent-black-80 {
  opacity: rgba(0, 0, 0, 0.8);
}

.transparent-black-90 {
  opacity: rgba(0, 0, 0, 0.9);
}

.transparent-black-95 {
  opacity: rgba(0, 0, 0, 0.95);
}

/* -----------------------------------------------------------------
PADDING, MARGIN, and SIZE
----------------------------------------------------------------- */
/* PADDINGS */
.p-4 {
  padding: 0.25rem;
}

.p-8 {
  padding: 0.5rem;
}

.p-12 {
  padding: 0.75rem;
}

.p-16 {
  padding: 1rem;
}

.p-20 {
  padding: 1.25rem;
}

.p-32 {
  padding: 2rem;
}

.p-40 {
  padding: 2.5rem;
}

.p-48 {
  padding: 3rem;
}

.p-64 {
  padding: 4rem;
}

.p-96 {
  padding: 6rem;
}

/* Padding top */
.pt-0 {
  padding-top: 0;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pt-32 {
  padding-top: 2rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pt-48 {
  padding-top: 3rem;
}

.pt-64 {
  padding-top: 4rem;
}

.pt-96 {
  padding-top: 6rem;
}

/* Padding bottom */
.pb-0 {
  padding-bottom: 0;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.pb-32 {
  padding-bottom: 2rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pb-48 {
  padding-bottom: 3rem;
}

.pb-64 {
  padding-bottom: 4rem;
}

.pb-96 {
  padding-bottom: 6rem;
}

/* Padding right */
.pr-0 {
  padding-right: 0;
}

.pr-4 {
  padding-right: 0.25rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.pr-16 {
  padding-right: 1rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pr-32 {
  padding-right: 2rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.pr-48 {
  padding-right: 3rem;
}

.pr-64 {
  padding-right: 4rem;
}

.pr-96 {
  padding-right: 6rem;
}

/* Padding left */
.pl-0 {
  padding-left: 0;
}

.pl-4 {
  padding-left: 0.25rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

.pl-16 {
  padding-left: 1rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.pl-32 {
  padding-left: 2rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.pl-48 {
  padding-left: 3rem;
}

.pl-64 {
  padding-left: 4rem;
}

.pl-96 {
  padding-left: 6rem;
}

/* Padding y side */
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-128 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

/* Padding x side */
.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-48 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-64 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-80 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-96 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.px-128 {
  padding-left: 8rem;
  padding-right: 8rem;
}

/* MARGINS */
.m-4 {
  margin: 0.25rem;
}

.m-8 {
  margin: 0.5rem;
}

.m-12 {
  margin: 0.75rem;
}

.m-16 {
  margin: 1rem;
}

.m-20 {
  margin: 1.25rem;
}

/* Margin top */
.mt-4 {
  margin-top: 0.25rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mt-16 {
  margin-top: 1rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

/* Margin bottom */
.mb-4 {
  margin-bottom: 0.25rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

/* Margin right */
.mr-4 {
  margin-right: 0.25rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.mr-16 {
  margin-right: 1rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

/* Margin left */
.ml-4 {
  margin-left: 0.25rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.ml-16 {
  margin-left: 1rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

/* GAPS */
.gap-4px {
  gap: 0.25rem;
}

.gap-8px {
  gap: 0.5rem;
}

.gap-12px {
  gap: 0.75rem;
}

.gap-16px {
  gap: 1rem;
}

.gap-20px {
  gap: 1.25rem;
}

.gap-24px {
  gap: 1.5rem;
}

.gap-32px {
  gap: 2rem;
}

.gap-40px {
  gap: 2.5rem;
}

.gap-56px {
  gap: 3.5rem;
}

.gap-80px {
  gap: 5rem;
}

.gap-128px {
  gap: 8rem;
}

.flex-1 {
  flex: 1;
}

/* WIDTH */
.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 7%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-24px {
  width: 1.5rem;
}

.w-48px {
  width: 3rem;
}

.w-64px {
  width: 4rem;
}

.w-96px {
  width: 6rem;
}

.w-128px {
  width: 8rem;
}

.w-144px {
  width: 9rem;
}

.w-160px {
  width: 10rem;
}

.w-224px {
  width: 14rem;
}

.w-320px {
  width: 20rem;
}

.fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

/* HRIGHT */
.h-5vh {
  height: 5vh;
}

.h-10vh {
  height: 10vh;
}

.h-15vh {
  height: 15vh;
}

.h-20vh {
  height: 20vh;
}

.h-25vh {
  height: 25vh;
}

.h-30vh {
  height: 30vh;
}

.h-35vh {
  height: 35vh;
}

.h-40vh {
  height: 40vh;
}

.h-45vh {
  height: 45vh;
}

.h-50vh {
  height: 50vh;
}

.h-55vh {
  height: 55vh;
}

.h-60vh {
  height: 60vh;
}

.h-65vh {
  height: 65vh;
}

.h-70vh {
  height: 70vh;
}

.h-75vh {
  height: 75vh;
}

.h-80vh {
  height: 80vh;
}

.h-85vh {
  height: 85vh;
}

.h-90vh {
  height: 90vh;
}

.h-95vh {
  height: 95vh;
}

.h-100vh {
  height: 100vh;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

.h-available {
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
}

/* -----------------------------------------------------------------
Border radius 
----------------------------------------------------------------- */
.br-4 {
  border-radius: 0.25rem;
}

.br-8 {
  border-radius: 0.5rem;
}

.br-12 {
  border-radius: 0.75rem;
}

.br-16 {
  border-radius: 1rem;
}

.br-20 {
  border-radius: 1.25rem;
}

.br-24 {
  border-radius: 1.5rem;
}

.br-32 {
  border-radius: 2rem;
}

.br-64 {
  border-radius: 4rem;
}

.br-128 {
  border-radius: 8rem;
}

.br-round {
  border-radius: 50%;
}

/* Border radius top left */
.br-tl-4 {
  border-top-left-radius: 0.25rem;
}

.br-tl-8 {
  border-top-left-radius: 0.5rem;
}

.br-tl-12 {
  border-top-left-radius: 0.75rem;
}

.br-tl-16 {
  border-top-left-radius: 1rem;
}

.br-tl-20 {
  border-top-left-radius: 1.25rem;
}

.br-tl-24 {
  border-top-left-radius: 1.5rem;
}

.br-tl-32 {
  border-top-left-radius: 2rem;
}

.br-tl-64 {
  border-top-left-radius: 4rem;
}

.br-tl-128 {
  border-top-left-radius: 8rem;
}

/* Border radius top right */
.br-tr-4 {
  border-top-right-radius: 0.25rem;
}

.br-tr-8 {
  border-top-right-radius: 0.5rem;
}

.br-tr-12 {
  border-top-right-radius: 0.75rem;
}

.br-tr-16 {
  border-top-right-radius: 1rem;
}

.br-tr-20 {
  border-top-right-radius: 1.25rem;
}

.br-tr-24 {
  border-top-right-radius: 1.5rem;
}

.br-tr-32 {
  border-top-right-radius: 2rem;
}

.br-tr-64 {
  border-top-right-radius: 4rem;
}

.br-tr-128 {
  border-top-right-radius: 8rem;
}

/* Border radius bottom right */
.br-br-4 {
  border-bottom-right-radius: 0.25rem;
}

.br-br-8 {
  border-bottom-right-radius: 0.5rem;
}

.br-br-12 {
  border-bottom-right-radius: 0.75rem;
}

.br-br-16 {
  border-bottom-right-radius: 1rem;
}

.br-br-20 {
  border-bottom-right-radius: 1.25rem;
}

.br-br-24 {
  border-bottom-right-radius: 1.5rem;
}

.br-br-32 {
  border-bottom-right-radius: 2rem;
}

.br-br-64 {
  border-bottom-right-radius: 4rem;
}

.br-br-128 {
  border-bottom-right-radius: 8rem;
}

/* Border radius bottom left */
.br-bl-4 {
  border-bottom-left-radius: 0.25rem;
}

.br-bl-8 {
  border-bottom-left-radius: 0.5rem;
}

.br-bl-12 {
  border-bottom-left-radius: 0.75rem;
}

.br-bl-16 {
  border-bottom-left-radius: 1rem;
}

.br-bl-20 {
  border-bottom-left-radius: 1.25rem;
}

.br-bl-24 {
  border-bottom-left-radius: 1.5rem;
}

.br-bl-32 {
  border-bottom-left-radius: 2rem;
}

.br-bl-64 {
  border-bottom-left-radius: 4rem;
}

.br-bl-128 {
  border-bottom-left-radius: 8rem;
}

/* -----------------------------------------------------------------
Borders
----------------------------------------------------------------- */
.border-none {
  border: none !important;
}

.border-1 {
  border: 1px solid #E2E2E2;
}

.border-2 {
  border: 2px solid #E2E2E2;
}

.border-3 {
  border: 3px solid #E2E2E2;
}

.border-4 {
  border: 4px solid #E2E2E2;
}

.border-5 {
  border: 5px solid #E2E2E2;
}

/* Border left */
.border-l-none {
  border-left: none !important;
}

.border-l-1 {
  border-left: 1px solid #E2E2E2;
}

.border-l-2 {
  border-left: 2px solid #E2E2E2;
}

.border-l-3 {
  border-left: 3px solid #E2E2E2;
}

.border-l-4 {
  border-left: 4px solid #E2E2E2;
}

.border-l-5 {
  border-left: 5px solid #E2E2E2;
}

/* Border right */
.border-r-none {
  border-right: none !important;
}

.border-r-1 {
  border-right: 1px solid #E2E2E2;
}

.border-r-2 {
  border-right: 2px solid #E2E2E2;
}

.border-r-3 {
  border-right: 3px solid #E2E2E2;
}

.border-r-4 {
  border-right: 4px solid #E2E2E2;
}

.border-r-5 {
  border-right: 5px solid #E2E2E2;
}

/* Border top */
.border-t-none {
  border-top: none !important;
}

.border-t-1 {
  border-top: 1px solid #E2E2E2;
}

.border-t-2 {
  border-top: 2px solid #E2E2E2;
}

.border-t-3 {
  border-top: 3px solid #E2E2E2;
}

.border-t-4 {
  border-top: 4px solid #E2E2E2;
}

.border-t-5 {
  border-top: 5px solid #E2E2E2;
}

/* Border bottom */
.border-b-none {
  border-bottom: none !important;
}

.border-b-1 {
  border-bottom: 1px solid #E2E2E2;
}

.border-b-2 {
  border-bottom: 2px solid #E2E2E2;
}

.border-b-3 {
  border-bottom: 3px solid #E2E2E2;
}

.border-b-4 {
  border-bottom: 4px solid #E2E2E2;
}

.border-b-5 {
  border-bottom: 5px solid #E2E2E2;
}

/* Border primary */
.border-primary {
  border: 1px solid #ff9271;
}

/* Border positive */
.border-positive {
  border: 1px solid #69e5b9;
}

/* Border negative */
.border-negative {
  border: 1px solid #f9b0a8;
}

/* Border warning */
.border-warning {
  border: 1px solid #fbf0ca;
}

/* -----------------------------------------------------------------
Shadows
----------------------------------------------------------------- */
.shadow-none {
  box-shadow: drop-shadow(0 0 #fafafa);
}

.shadow-sm {
  box-shadow: drop-shadow(0px 4px 8px rgba(33, 16, 16, 0.1));
}

.shadow-xs {
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.shadow-md {
  box-shadow: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.1)) drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.05));
}

.shadow-lg {
  box-shadow: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.1)) drop-shadow(0px 16px 24px rgba(0, 0, 0, 0.05));
}

.shadow-xl {
  box-shadow: drop-shadow(0px 24px 64px rgba(0, 0, 0, 0.05)) drop-shadow(0px 12px 32px rgba(0, 0, 0, 0.12));
}

.shadow-2xl {
  box-shadow: drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.1)) drop-shadow(0px 24px 40px rgba(0, 0, 0, 0.12));
}/*# sourceMappingURL=base.css.map */