@font-face {
  font-family: "Inter";
  src: url("/assets/css/fonts/Inter/Inter-Light.woff2") format("woff2"), url("/assets/css/fonts/Inter/Inter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/css/fonts/Inter/Inter-Regular.woff2") format("woff2"), url("/assets/css/fonts/Inter/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/css/fonts/Inter/Inter-SemiBold.woff2") format("woff2"), url("/assets/css/fonts/Inter/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/css/fonts/Inter/Inter-ExtraBold.woff2") format("woff2"), url("/assets/css/fonts/Inter/Inter-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Px Grotesk";
  src: url("/assets/css/fonts/PxGrotesk/PxGrotesk-Light.woff2") format("woff2"), url("/assets/css/fonts/PxGrotesk/PxGrotesk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
:root {
  --pm-background-blue: #101423;
  --pm-border-gray: #E1E1E1;
  --pm-gray-10: #F6F8FB;
  --pm-gray-40: #BEC4CF;
  --pm-gray-50: #9DA3AE;
  --pm-gray-60: #707988;
  --pm-gray-80: #3a3f50;
  --pm-gray-100: #101423;
  --pm-green-50: #B3F604;
  --pm-green-60: #93D302;
  --pm-teal-60: #00ADB2;
  --pm-teal-90: #004663;
  --pm-font-size-xs: 0.25rem;
  --pm-font-size-sm: 0.5rem;
  --pm-font-size-md: 0.875rem;
  --pm-font-size-lg: 1rem;
  --pm-font-size-xl: 1.25rem;
  --pm-font-size-xxl: 1.5rem;
  --cds-interactive-01: #00ADB2;
}

html,
body {
  color: var(--pm-gray-100);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}

.btn {
  border: 0;
  border-radius: 0;
  padding: 6px 12px;
  font-size: var(--pm-font-size-md);
}
.btn:hover {
  cursor: pointer;
}

.btn-primary {
  background-color: var(--pm-green-50);
  transition: background-color 150ms;
}
.btn-primary:hover {
  background-color: var(--pm-green-60);
}

.btn-secondary {
  color: #fff;
  background-color: var(--pm-teal-60);
  transition: background-color 150ms;
}
.btn-secondary:hover {
  background-color: var(--pm-teal-90);
}

.btn-light {
  background-color: white;
  color: var(--pm-gray-100);
  transition: background-color 150ms;
}
.btn-light:hover {
  background-color: var(--pm-green-60);
}

.select {
  height: 40px;
  padding-left: 10px;
}