@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Space+Grotesk:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

/* src/app/common/styles/main.scss */
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.font-inter {
  font-family: "Inter";
}
.font-space-grotesk {
  font-family: "Space Grotesk";
}
.display1 {
  color: var(--text-primary);
  font-size: 4rem;
  font-family: "Space Grotesk";
  font-weight: 700;
  text-transform: uppercase;
  line-height: 4rem;
}
.display2 {
  color: var(--text-primary);
  font-size: 3rem;
  font-family: "Space Grotesk";
  font-weight: 700;
  text-transform: uppercase;
  line-height: 3rem;
}
.display3 {
  color: var(--text-primary);
  font-size: 2rem;
  font-family: "Space Grotesk";
  font-weight: 700;
  text-transform: uppercase;
  line-height: 2.5rem;
}
.display4 {
  color: var(--text-primary);
  font-size: 1.5rem;
  font-family: "Space Grotesk";
  font-weight: 700;
  text-transform: uppercase;
  line-height: 2rem;
}
.headline1 {
  color: var(--text-primary);
  font-size: 1.5rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 2rem;
}
.headline2 {
  color: var(--text-primary);
  font-size: 1.25rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 1.5rem;
}
.headline3 {
  color: var(--text-primary);
  font-size: 1.125rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 1.5rem;
}
.headline4 {
  color: var(--text-primary);
  font-size: 1rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 1.5rem;
}
.headline5 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 1.5rem;
}
.body1 {
  color: var(--text-primary);
  font-size: 1.25rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 2rem;
}
.body2 {
  color: var(--text-primary);
  font-size: 1rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.5rem;
}
.body3 {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.25rem;
}
.body-small {
  color: var(--text-primary);
  font-size: 1rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.5rem;
}
.captions {
  color: var(--text-primary);
  font-size: 0.75rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.25rem;
}
.input-sm {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1rem;
}
.cta {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-family: "Inter";
  font-weight: 500;
  line-height: 1rem;
}
.extra-small {
  color: var(--text-primary);
  font-size: 0.625rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1rem;
}
.headline-medium {
  color: var(--text-primary);
  font-size: 1.125rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 1.5rem;
}
.subhead-large {
  color: var(--text-primary);
  font-size: 1.5rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 2rem;
}
.subhead-small {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-family: "Inter";
  font-weight: 600;
  line-height: 1.5rem;
}
.caption-small {
  color: var(--text-primary);
  font-size: 0.75rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.25rem;
}
.number-medium {
  color: var(--text-primary);
  font-size: 3rem;
  font-family: "Inter";
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.11875rem;
}
.number-small {
  color: var(--text-primary);
  font-size: 1.5rem;
  font-family: "JetBrains Mono", monospace;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.11875rem;
  font-variant-numeric: "slashed-zero";
  font-feature-settings: "calt" off;
}
.number-large {
  color: var(--text-primary);
  font-size: 3rem;
  font-family: "JetBrains Mono", monospace;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.11875rem;
  font-variant-numeric: "slashed-zero";
  font-feature-settings: "calt" off;
}
.theme.dark {
  --primary: #14141a;
  --secondary: #1d1d23;
  --tertiary: #25262c;
  --negative: #eaecee;
  --text-primary: #ffffff;
  --text-secondary: #adb5bd;
  --text-tertiary: #494e55;
  --text-negative: #14141a;
  --icons-primary: #ffffff;
  --icons-secondary: #adb5bd;
  --icons-tertiary: #494e55;
  --icons-active: #007fff;
  --stroke-default: #25262c;
  --button-filled-bg-default: #f5f5f5;
  --button-filled-bg-hover-pressed: #ced4da;
  --button-filled-bg-disabled: #f5f5f5;
  --button-filled-text-default: #1d1d23;
  --button-filled-text-disabled: #adb5bd;
  --message-text: #14141a;
  --gradients-pink: #f007f1;
  --message-bg: #1d1d23;
  --message-neutral: #25262c;
  --message-success: #1AD100;
  --message-warning: #FFB938;
  --message-error: #ff5c4d;
  --message-info: #64b5f6;
  --stroke-hover-active: #494e55;
  --stroke-accent: #6610f5;
  --stroke-selected-002: #FF007F;
  --gradients-ramp-blue: #007fff;
  --button-outlined-bg-default: #ffffff;
  --button-outlined-bg-hover-pressed: #adb5bd;
  --button-outlined-bg-disabled: #494e55;
  --button-outlined-text-default: #f5f5f5;
  --button-outlined-text-hover-pressed: #adb5bd;
  --button-outlined-text-disabled: #494e55;
  --button-outlined-bg-standard: #14141a;
  --gradient-pink: #FF007F;
  --accents-brand-azure-000: #002040;
  --accents-brand-azure-500: #00C2FF;
  --accents-brand-gold-000: #332E10;
  --accents-brand-gold-500: #FFD700;
  --white-primary: #ffffff;
  --stroke-selected-001: #007FFF;
  --further: #ADB5BD;
  --accent-primary: #FFE354;
}
.theme.light {
  --primary: #ffffff;
  --secondary: #f5f5f5;
  --tertiary: #eaecee;
  --negative: #25262c;
  --text-primary: #14141a;
  --text-secondary: #6c757d;
  --text-tertiary: #adb5bd;
  --text-negative: #ffffff;
  --icons-primary: #14141a;
  --icons-secondary: #494e55;
  --icons-tertiary: #adb5bd;
  --icons-active: #007fff;
  --stroke-default: #eaecee;
  --button-filled-bg-default: #1d1d23;
  --button-filled-bg-hover-pressed: #25262c;
  --button-filled-bg-disabled: #1d1d23;
  --button-filled-text-default: #f5f5f5;
  --button-filled-text-disabled: #494e55;
  --message-text: #ffffff;
  --gradients-pink: #f007f1;
  --message-bg: #f5f5f5;
  --message-neutral: #ced4da;
  --message-success: #1AD100;
  --message-warning: #FFB938;
  --message-error: #ff5c4d;
  --message-info: #64b5f6;
  --stroke-hover-active: #adb5bd;
  --stroke-accent: #6610f5;
  --stroke-selected-002: #FF007F;
  --gradients-ramp-blue: #007fff;
  --button-outlined-bg-default: #14141a;
  --button-outlined-bg-hover-pressed: #494e55;
  --button-outlined-bg-disabled: #adb5bd;
  --button-outlined-text-default: #1d1d23;
  --button-outlined-text-hover-pressed: #494e55;
  --button-outlined-text-disabled: #adb5bd;
  --button-outlined-bg-standard: #ffffff;
  --gradient-pink: #FF007F;
  --accents-brand-azure-000: #002040;
  --accents-brand-azure-500: #00C2FF;
  --accents-brand-gold-000: #332E10;
  --accents-brand-gold-500: #FFD700;
  --white-primary: #ffffff;
  --stroke-selected-001: #007FFF;
  --further: #494E55;
  --accent-primary: #FFE354;
}
.theme.dark .inverted {
  --primary: #ffffff;
  --secondary: #f5f5f5;
  --tertiary: #eaecee;
  --negative: #25262c;
  --text-primary: #14141a;
  --text-secondary: #6c757d;
  --text-tertiary: #adb5bd;
  --text-negative: #ffffff;
  --icons-primary: #14141a;
  --icons-secondary: #494e55;
  --icons-tertiary: #adb5bd;
  --icons-active: #007fff;
  --stroke-default: #eaecee;
  --button-filled-bg-default: #1d1d23;
  --button-filled-bg-hover-pressed: #25262c;
  --button-filled-bg-disabled: #1d1d23;
  --button-filled-text-default: #f5f5f5;
  --button-filled-text-disabled: #494e55;
  --message-text: #ffffff;
  --gradients-pink: #f007f1;
  --message-bg: #f5f5f5;
  --message-neutral: #ced4da;
  --message-success: #1AD100;
  --message-warning: #FFB938;
  --message-error: #ff5c4d;
  --message-info: #64b5f6;
  --stroke-hover-active: #adb5bd;
  --stroke-accent: #6610f5;
  --stroke-selected-002: #FF007F;
  --gradients-ramp-blue: #007fff;
  --button-outlined-bg-default: #14141a;
  --button-outlined-bg-hover-pressed: #494e55;
  --button-outlined-bg-disabled: #adb5bd;
  --button-outlined-text-default: #1d1d23;
  --button-outlined-text-hover-pressed: #494e55;
  --button-outlined-text-disabled: #adb5bd;
  --button-outlined-bg-standard: #ffffff;
  --gradient-pink: #FF007F;
  --accents-brand-azure-000: #002040;
  --accents-brand-azure-500: #00C2FF;
  --accents-brand-gold-000: #332E10;
  --accents-brand-gold-500: #FFD700;
  --white-primary: #ffffff;
  --stroke-selected-001: #007FFF;
  --further: #494E55;
  --accent-primary: #FFE354;
}
.theme.light .inverted {
  --primary: #14141a;
  --secondary: #1d1d23;
  --tertiary: #25262c;
  --negative: #eaecee;
  --text-primary: #ffffff;
  --text-secondary: #adb5bd;
  --text-tertiary: #494e55;
  --text-negative: #14141a;
  --icons-primary: #ffffff;
  --icons-secondary: #adb5bd;
  --icons-tertiary: #494e55;
  --icons-active: #007fff;
  --stroke-default: #25262c;
  --button-filled-bg-default: #f5f5f5;
  --button-filled-bg-hover-pressed: #ced4da;
  --button-filled-bg-disabled: #f5f5f5;
  --button-filled-text-default: #1d1d23;
  --button-filled-text-disabled: #adb5bd;
  --message-text: #14141a;
  --gradients-pink: #f007f1;
  --message-bg: #1d1d23;
  --message-neutral: #25262c;
  --message-success: #1AD100;
  --message-warning: #FFB938;
  --message-error: #ff5c4d;
  --message-info: #64b5f6;
  --stroke-hover-active: #494e55;
  --stroke-accent: #6610f5;
  --stroke-selected-002: #FF007F;
  --gradients-ramp-blue: #007fff;
  --button-outlined-bg-default: #ffffff;
  --button-outlined-bg-hover-pressed: #adb5bd;
  --button-outlined-bg-disabled: #494e55;
  --button-outlined-text-default: #f5f5f5;
  --button-outlined-text-hover-pressed: #adb5bd;
  --button-outlined-text-disabled: #494e55;
  --button-outlined-bg-standard: #14141a;
  --gradient-pink: #FF007F;
  --accents-brand-azure-000: #002040;
  --accents-brand-azure-500: #00C2FF;
  --accents-brand-gold-000: #332E10;
  --accents-brand-gold-500: #FFD700;
  --white-primary: #ffffff;
  --stroke-selected-001: #007FFF;
  --further: #ADB5BD;
  --accent-primary: #FFE354;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url(/app/common/assets/fonts/JetBrains/webfonts/JetBrainsMono-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.cree8-table-container {
  border: 0.0625rem solid var(--stroke-default);
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
.cree8-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
}
.cree8-table thead {
  background-color: var(--tertiary);
}
.cree8-table thead th {
  color: var(--text-secondary);
  padding: 0.5rem 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.25rem;
}
.cree8-table tbody {
  background-color: var(--secondary);
}
.cree8-table tbody td {
  color: var(--text-primary);
  padding: 0.5rem 1rem;
  text-align: left;
  font-size: 0.875rem;
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.25rem;
}
.cree8-table tbody td:hover {
  background-color: var(--primary);
}
.cree8-table tbody td .email-container {
  display: inline-block;
  position: relative;
  max-width: 11.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.cree8-table tbody tr:hover {
  cursor: pointer;
  background-color: var(--primary);
}
.cree8-tooltip {
  position: absolute;
  background-color: var(--tertiary);
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  white-space: nowrap;
  z-index: 100001;
  opacity: 0;
  box-shadow:
    0px -39px 11px 0px rgba(0, 0, 0, 0),
    0px -25px 10px 0px rgba(0, 0, 0, 0.01),
    0px -14px 8px 0px rgba(0, 0, 0, 0.05),
    0px -6px 6px 0px rgba(0, 0, 0, 0.09),
    0px -2px 3px 0px rgba(0, 0, 0, 0.1);
}
.cree8-tooltip.bottom::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  top: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  border-color: transparent transparent var(--tertiary) transparent;
}
.cree8-tooltip.top::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  bottom: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  border-color: var(--tertiary) transparent transparent transparent;
}
.cree8-tooltip.left::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  right: -0.625rem;
  top: 50%;
  transform: translateY(-50%);
  border-color: transparent transparent transparent var(--tertiary);
}
.cree8-tooltip.right::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  left: -0.625rem;
  top: 50%;
  transform: translateY(-50%);
  border-color: transparent var(--tertiary) transparent transparent;
}
.cree8-tooltip.top-start::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  bottom: -0.625rem;
  left: 0.625rem;
  border-color: var(--tertiary) transparent transparent transparent;
}
.cree8-tooltip.top-end::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  bottom: -0.625rem;
  right: 0.625rem;
  border-color: var(--tertiary) transparent transparent transparent;
}
.cree8-tooltip.bottom-start::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  top: -0.625rem;
  left: 0.625rem;
  border-color: transparent transparent var(--tertiary) transparent;
}
.cree8-tooltip.bottom-end::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  top: -0.625rem;
  right: 0.625rem;
  border-color: transparent transparent var(--tertiary) transparent;
}
.cree8-tooltip.left-start::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  right: -0.625rem;
  top: 0.625rem;
  border-color: transparent transparent transparent var(--tertiary);
}
.cree8-tooltip.left-end::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  right: -0.625rem;
  bottom: 0.625rem;
  border-color: transparent transparent transparent var(--tertiary);
}
.cree8-tooltip.right-start::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  left: -0.625rem;
  top: 0.625rem;
  border-color: transparent var(--tertiary) transparent transparent;
}
.cree8-tooltip.right-end::before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0.3125rem;
  color: var(--tertiary);
  left: -0.625rem;
  bottom: 0.625rem;
  border-color: transparent var(--tertiary) transparent transparent;
}
.cree8-tooltip.show {
  opacity: 1;
}
.scrollbar-y {
  overflow-y: auto;
}
.scrollbar-y::-webkit-scrollbar {
  cursor: pointer;
  width: 0.5rem;
  height: 1.125rem;
}
.scrollbar-y::-webkit-scrollbar-thumb {
  height: 1.125rem;
  border: 0.25rem solid var(--text-tertiary);
  background-clip: padding-box;
  border-radius: 16px;
  background-color: var(--text-tertiary);
}
.scrollbar-y::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.scrollbar-y::-webkit-scrollbar-corner,
.scrollbar-y::-webkit-resizer {
  background: transparent;
}
.scrollbar-y::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-x {
  overflow-x: auto;
}
.scrollbar-x::-webkit-scrollbar {
  cursor: pointer;
  width: 0.5rem;
  height: 1.125rem;
}
.scrollbar-x::-webkit-scrollbar-thumb {
  height: 1.125rem;
  border: 0.25rem solid var(--text-tertiary);
  background-clip: padding-box;
  border-radius: 16px;
  background-color: var(--text-tertiary);
}
.scrollbar-x::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.scrollbar-x::-webkit-scrollbar-corner,
.scrollbar-x::-webkit-resizer {
  background: transparent;
}
.scrollbar-x::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar {
  overflow: auto;
}
.scrollbar::-webkit-scrollbar {
  cursor: pointer;
  width: 0.5rem;
  height: 1.125rem;
}
.scrollbar::-webkit-scrollbar-thumb {
  height: 1.125rem;
  border: 0.25rem solid var(--text-tertiary);
  background-clip: padding-box;
  border-radius: 16px;
  background-color: var(--text-tertiary);
}
.scrollbar::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.scrollbar::-webkit-scrollbar-corner,
.scrollbar::-webkit-resizer {
  background: transparent;
}
.scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.default-cree8-btn {
  border: 0.0625rem solid var(--stroke-default);
  background:
    linear-gradient(
      180deg,
      var(--secondary) 0%,
      var(--primary) 100%);
  color: var(--text-primary);
}
.default-cree8-btn:hover:not([disabled]),
.default-cree8-btn:focus:not([disabled]) {
  background:
    linear-gradient(
      180deg,
      var(--tertiary) 0%,
      var(--primary) 100%);
  border-color: var(--stroke-hover-active);
  color: var(--negative);
}
.default-cree8-btn:active:not([disabled]) {
  background:
    linear-gradient(
      180deg,
      var(--secondary) 0%,
      var(--primary) 100%);
  color: var(--button-filled-bg-hover-pressed);
}
.default-cree8-btn:disabled,
.default-cree8-btn[disabled] {
  color: var(--button-filled-text-disabled);
  border: 0.0625rem solid var(--stroke-default);
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* src/styles.scss */
.theme.dark {
  --bg: #040405;
  --primary-grey-100: #0c0c0f;
  --primary-grey-80: #1a1a1f;
  --primary-grey-60: #2b2b33;
  --primary-grey-40: #5a5a68;
  --primary-grey-20: #7f7f8c;
  --primary-grey-10: rgba(34, 34, 41, 0.84);
  --primary-grey-4: rgba(43, 43, 51, 0.32);
  --primary-grey-8: rgba(12, 12, 15, 0.32);
  --accent-blue-100: rgb(45, 93, 224);
  --accent-blue-120: rgb(69, 116, 245);
  --accent-blue-80: rgb(22, 65, 184);
  --accent-blue-40: rgba(45, 93, 224, 0.4);
  --accent-blue-20: rgba(45, 93, 224, 0.2);
  --accent-blue-10: rgba(45, 93, 224, 0.1);
  --accent-pink-100: rgb(241, 60, 86);
  --accent-pink-80: rgba(241, 60, 86, 0.8);
  --accent-pink-60: rgba(241, 60, 86, 0.6);
  --accent-pink-40: rgba(241, 60, 86, 0.4);
  --accent-pink-20: rgba(241, 60, 86, 0.2);
  --borders-white-100:
    linear-gradient(
      164.35deg,
      rgba(255, 255, 255, 0.08) 0.75%,
      rgba(255, 255, 255, 0.04) 97.46%);
  --borders-white-8: rgba(255, 255, 255, 0.08);
  --borders-white-4: rgba(255, 255, 255, 0.04);
  --content-white-100: rgb(255, 255, 255);
  --content-white-80: rgba(255, 255, 255, 0.8);
  --content-white-60: rgba(255, 255, 255, 0.6);
  --content-white-40: rgba(255, 255, 255, 0.4);
  --content-white-20: rgba(255, 255, 255, 0.2);
  --content-white-10: rgba(255, 255, 255, 0.1);
  --additional-orange-100: rgb(224, 133, 82);
  --additional-orange-80: rgba(224, 133, 82, 0.8);
  --additional-orange-60: rgba(224, 133, 82, 0.6);
  --additional-orange-40: rgba(224, 133, 82, 0.4);
  --additional-orange-20: rgba(224, 133, 82, 0.2);
  --additional-orange-10: rgba(224, 133, 82, 0.1);
  --additional-green-100: rgb(50, 186, 120);
  --additional-green-80: rgba(50, 186, 120, 0.8);
  --additional-green-60: rgba(50, 186, 120, 0.6);
  --additional-green-40: rgba(50, 186, 120, 0.4);
  --additional-green-20: rgba(50, 186, 120, 0.2);
  --additional-green-10: rgba(50, 186, 120, 0.1);
  --additional-yellow-100: rgb(255, 193, 76);
  --additional-yellow-80: rgba(255, 193, 76, 0.8);
  --additional-yellow-60: rgba(255, 193, 76, 0.6);
  --additional-yellow-40: rgba(255, 193, 76, 0.4);
  --additional-yellow-20: rgba(255, 193, 76, 0.2);
  --additional-yellow-10: rgba(255, 193, 76, 0.1);
  --additional-red-100: rgb(241, 52, 75);
  --additional-red-80: rgba(241, 52, 75, 0.8);
  --additional-red-60: rgba(241, 52, 75, 0.6);
  --additional-red-40: rgba(241, 52, 75, 0.4);
  --additional-red-20: rgba(241, 52, 75, 0.2);
  --additional-red-10: rgba(241, 52, 75, 0.1);
  --additional-marine-100: rgb(46, 186, 246);
  --additional-marine-80: rgba(46, 186, 246, 0.8);
  --additional-marine-60: rgba(46, 186, 246, 0.6);
  --additional-marine-40: rgba(46, 186, 246, 0.4);
  --additional-marine-20: rgba(46, 186, 246, 0.2);
  --additional-marine-10: rgba(46, 186, 246, 0.1);
  --additional-purple-100: rgb(99, 99, 224);
  --additional-purple-80: rgba(99, 99, 224, 0.8);
  --additional-purple-60: rgba(99, 99, 224, 0.6);
  --additional-purple-40: rgba(99, 99, 224, 0.4);
  --additional-purple-20: rgba(99, 99, 224, 0.2);
  --additional-purple-10: rgba(99, 99, 224, 0.1);
  --scrollbar-color-0: #474a54;
  --secondary-grey-10: rgba(34, 34, 41, 0.84);
  --secondary-grey-8: rgba(12, 12, 15, 0.32);
  --secondary-grey-4: rgba(43, 43, 51, 0.32);
  --accent-gradient:
    linear-gradient(
      92.9deg,
      #3d70ff 23.52%,
      #cf38d2 52.31%,
      #ee225e 81.62%);
  --logo: url(/assets/img/bebop_core_logo_dark.svg);
  --logo_monogram: url(/assets/img/cree8_dark.svg);
  --additional-yellow-maintenance: #e7cb86;
  --colors-background-secondary: #1d1d23;
  --colors-background-tertiary: #25262c;
  --colors-button-filled-text-default: #1d1d23;
  --colors-button-filled-bg-hover-pressed: #ced4da;
  --colors-message-error: #ff5c4d;
  --colors-stroke-default: #25262c;
  --colors-stroke-hover-active: #494e55;
  --colors-text-secondary: #adb5bd;
  --colors-surface-secondary: #f5f5f5;
  --colors-white: #ffffff;
}
.theme.light {
  --bg: #ffffff;
  --primary-grey-100: #0c0c0f;
  --primary-grey-80: #1a1a1f;
  --primary-grey-60: #2b2b33;
  --primary-grey-40: #5a5a68;
  --primary-grey-20: #7f7f8c;
  --primary-grey-10: rgba(34, 34, 41, 0.84);
  --primary-grey-4: rgba(43, 43, 51, 0.32);
  --primary-grey-8: rgba(12, 12, 15, 0.32);
  --accent-blue-100: rgb(45, 93, 224);
  --accent-blue-120: rgb(69, 116, 245);
  --accent-blue-80: rgb(22, 65, 184);
  --accent-blue-40: rgba(45, 93, 224, 0.4);
  --accent-blue-20: rgba(45, 93, 224, 0.2);
  --accent-blue-10: rgba(45, 93, 224, 0.1);
  --accent-pink-100: rgb(241, 60, 86);
  --accent-pink-80: rgba(241, 60, 86, 0.8);
  --accent-pink-60: rgba(241, 60, 86, 0.6);
  --accent-pink-40: rgba(241, 60, 86, 0.4);
  --accent-pink-20: rgba(241, 60, 86, 0.2);
  --borders-white-100:
    linear-gradient(
      164.35deg,
      rgba(255, 255, 255, 0.08) 0.75%,
      rgba(255, 255, 255, 0.04) 97.46%);
  --borders-white-8: rgba(255, 255, 255, 0.08);
  --borders-white-4: rgba(255, 255, 255, 0.04);
  --content-white-100: rgb(255, 255, 255);
  --content-white-80: rgba(255, 255, 255, 0.8);
  --content-white-60: rgba(255, 255, 255, 0.6);
  --content-white-40: rgba(255, 255, 255, 0.4);
  --content-white-20: rgba(255, 255, 255, 0.2);
  --content-white-10: rgba(255, 255, 255, 0.1);
  --additional-orange-100: rgb(224, 133, 82);
  --additional-orange-80: rgba(224, 133, 82, 0.8);
  --additional-orange-60: rgba(224, 133, 82, 0.6);
  --additional-orange-40: rgba(224, 133, 82, 0.4);
  --additional-orange-20: rgba(224, 133, 82, 0.2);
  --additional-orange-10: rgba(224, 133, 82, 0.1);
  --additional-green-100: rgb(50, 186, 120);
  --additional-green-80: rgba(50, 186, 120, 0.8);
  --additional-green-60: rgba(50, 186, 120, 0.6);
  --additional-green-40: rgba(50, 186, 120, 0.4);
  --additional-green-20: rgba(50, 186, 120, 0.2);
  --additional-green-10: rgba(50, 186, 120, 0.1);
  --additional-yellow-100: rgb(255, 193, 76);
  --additional-yellow-80: rgba(255, 193, 76, 0.8);
  --additional-yellow-60: rgba(255, 193, 76, 0.6);
  --additional-yellow-40: rgba(255, 193, 76, 0.4);
  --additional-yellow-20: rgba(255, 193, 76, 0.2);
  --additional-yellow-10: rgba(255, 193, 76, 0.1);
  --additional-red-100: rgb(241, 52, 75);
  --additional-red-80: rgba(241, 52, 75, 0.8);
  --additional-red-60: rgba(241, 52, 75, 0.6);
  --additional-red-40: rgba(241, 52, 75, 0.4);
  --additional-red-20: rgba(241, 52, 75, 0.2);
  --additional-red-10: rgba(241, 52, 75, 0.1);
  --additional-marine-100: rgb(46, 186, 246);
  --additional-marine-80: rgba(46, 186, 246, 0.8);
  --additional-marine-60: rgba(46, 186, 246, 0.6);
  --additional-marine-40: rgba(46, 186, 246, 0.4);
  --additional-marine-20: rgba(46, 186, 246, 0.2);
  --additional-marine-10: rgba(46, 186, 246, 0.1);
  --additional-purple-100: rgb(99, 99, 224);
  --additional-purple-80: rgba(99, 99, 224, 0.8);
  --additional-purple-60: rgba(99, 99, 224, 0.6);
  --additional-purple-40: rgba(99, 99, 224, 0.4);
  --additional-purple-20: rgba(99, 99, 224, 0.2);
  --additional-purple-10: rgba(99, 99, 224, 0.1);
  --scrollbar-color-0: #474a54;
  --secondary-grey-10: rgba(34, 34, 41, 0.84);
  --secondary-grey-8: rgba(12, 12, 15, 0.32);
  --secondary-grey-4: rgba(43, 43, 51, 0.32);
  --accent-gradient:
    linear-gradient(
      92.9deg,
      #3d70ff 23.52%,
      #cf38d2 52.31%,
      #ee225e 81.62%);
  --logo: url(/assets/img/bebop_core_logo_light.png);
  --logo_monogram: url(/assets/img/cree8_light.svg);
  --additional-yellow-maintenance: #e7cb86;
  --colors-background-secondary: #f5f5f5;
  --colors-background-tertiary: #eaecee;
  --colors-button-filled-text-default: #ffffff;
  --colors-button-filled-bg-hover-pressed: #25262c;
  --colors-message-error: #ff5c4d;
  --colors-stroke-default: #ced4da;
  --colors-stroke-hover-active: #adb5bd;
  --colors-text-secondary: #6c757d;
  --colors-surface-secondary: #14141a;
  --colors-white: #14141a;
}
.theme.dark {
  --app-updating: url(/assets/img/updater/updating.gif);
  --app-update-error: url(/assets/img/updater/update_error.gif);
  --logo-monogram: url(/assets/img/cree8_dark.svg);
  --dotted-loader: url(/assets/img/loader/loader.gif);
}
.theme.light {
  --app-updating: url(/assets/img/updater/updating.gif);
  --app-update-error: url(/assets/img/updater/update_error.gif);
  --logo-monogram: url(/assets/img/cree8_light.svg);
  --dotted-loader: url(/assets/img/loader/loader.gif);
}
@keyframes dothabottomcheck {
  0% {
    height: 0;
  }
  100% {
    height: 0.625rem;
  }
}
@keyframes dothatopcheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 1.5rem;
  }
}
.custom-checkbox {
  min-width: 15.625rem;
  display: inline;
}
.custom-checkbox input[type=checkbox] {
  display: none;
}
.custom-checkbox .check-box {
  height: 1.25rem;
  width: 1.25rem;
  background-color: transparent;
  border: 0.125rem solid var(--border_primary);
  border-radius: 0.3125rem;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.custom-checkbox .check-box::before,
.custom-checkbox .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: 0.25rem;
  background-color: var(--text_success);
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 0.3125rem;
  content: " ";
  -webkit-transition: opacity ease 0.5;
  -moz-transition: opacity ease 0.5;
  transition: opacity ease 0.5;
}
.custom-checkbox .check-box::before {
  top: 0.9rem;
  left: 0.5125rem;
  box-shadow: 0 0 0 0.0625rem var(--bg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.custom-checkbox .check-box::after {
  top: 0.4625rem;
  left: 0.0625rem;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.custom-checkbox input[type=checkbox]:checked + .check-box,
.custom-checkbox .check-box.checked {
  border-color: var(--text_success);
}
.custom-checkbox input[type=checkbox]:checked + .check-box::after,
.custom-checkbox .check-box.checked::after {
  height: 0.625rem;
  -moz-animation: dothabottomcheck 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck 0.2s ease 0s forwards;
  animation: dothabottomcheck 0.2s ease 0s forwards;
}
.custom-checkbox input[type=checkbox]:checked + .check-box::before,
.custom-checkbox .check-box.checked::before {
  height: 1.5rem;
  -moz-animation: dothatopcheck 0.4s ease 0s forwards;
  -o-animation: dothatopcheck 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck 0.4s ease 0s forwards;
  animation: dothatopcheck 0.4s ease 0s forwards;
}
.custom-checkbox span {
  margin-left: 0.75rem;
  vertical-align: super;
}
.custom-radio {
  width: 1.5625rem;
  display: inline-block;
}
.custom-radio input {
  display: none;
}
.custom-radio input:checked + .check-icon:before {
  content: "\2714";
}
.datepicker-toggle-button {
  position: absolute;
  outline: none;
  border: none;
  background-color: transparent;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
}
.datepicker-toggle-button:focus {
  color: var(--tertiary);
}
.datepicker-toggle-button:hover {
  color: var(--tertiary);
}
.datepicker-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1065;
}
.datepicker-dropdown-container {
  width: 328px;
  height: 380px;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 1066;
}
.datepicker-modal-container {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 328px;
  height: 512px;
  background-color: var(--secondary);
  border-radius: 0.6rem 0.6rem 0.5rem 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 1066;
}
@media screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape) {
  .datepicker-modal-container .datepicker-header {
    height: 100%;
  }
  .datepicker-modal-container .datepicker-date {
    margin-top: 100px;
  }
  .datepicker-modal-container .datepicker-day-cell {
    width: 32x;
    height: 32x;
  }
  .datepicker-modal-container {
    flex-direction: row;
    width: 475px;
    height: 360px;
  }
  .datepicker-modal-container.datepicker-day-cell {
    width: 36px;
    height: 36px;
  }
}
.datepicker-header {
  height: 120px;
  padding-right: 24px;
  padding-left: 24px;
  background-color: var(--tertiary);
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem 0.5rem 0 0;
}
.datepicker-title {
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.datepicker-title-text {
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  color: #fff;
}
.datepicker-date {
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.datepicker-date-text {
  font-size: 34px;
  font-weight: 400;
  color: #fff;
}
.datepicker-main {
  position: relative;
  height: 100%;
}
.datepicker-date-controls {
  padding: 10px 12px 0 12px;
  display: flex;
  justify-content: space-between;
}
.datepicker-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.datepicker-arrow-up {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  margin: 0 0 0 5px;
  vertical-align: middle;
  transform: rotate(180deg);
}
.datepicker-date-controls {
  color: rgba(0, 0, 0, 0.64);
}
.datepicker-view-change-button {
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 0.9rem;
  border-radius: 10px;
  box-shadow: none;
  background-color: transparent;
  margin: 0;
  border: none;
}
.datepicker-view-change-button:hover,
.datepicker-view-change-button:focus {
  background-color: var(--accent-blue-100);
}
.datepicker-view-change-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.datepicker-arrow-controls {
  margin-top: 10px;
}
/*!rtl:begin:options:
{
"autoRename": true,
"stringMap":[
    {
    "name"    : "prev-next",
    "search"  : ["datepicker-previous-button", "datepicker-next-button"],
    "replace" : ["datepicker-next-button", "datepicker-previous-button"],
    "options" : {"ignoreCase":false}
    }
]
}
*/
.datepicker-previous-button {
  position: relative;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  outline: none;
  margin: 0;
  color: #fff;
  background-color: transparent;
  margin-right: 24px;
}
.datepicker-previous-button:hover,
.datepicker-previous-button:focus {
  background-color: var(--primary);
  border-radius: 50%;
}
.datepicker-previous-button::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}
.datepicker-next-button {
  position: relative;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  outline: none;
  margin: 0;
  color: #fff;
  background-color: transparent;
}
.datepicker-next-button:hover,
.datepicker-next-button:focus {
  background-color: var(--primary);
  border-radius: 50%;
}
.datepicker-next-button::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border: 0 solid currentColor;
  border-top-width: 2px;
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}
/*!rtl:end:options*/
.datepicker-view {
  padding-left: 12px;
  padding-right: 12px;
  outline: none;
}
.datepicker-table {
  margin-right: auto;
  margin-left: auto;
  width: 304px;
}
.datepicker-day-heading {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
.datepicker-cell {
  text-align: center;
}
.datepicker-cell.disabled {
  color: var(--primary-grey-20);
  cursor: default;
  pointer-events: none;
}
.datepicker-cell.disabled:hover {
  cursor: default;
}
.datepicker-cell:hover {
  cursor: pointer;
}
.datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content {
  background-color: var(--primary);
}
.datepicker-cell.selected .datepicker-cell-content {
  background-color: var(--tertiary);
  color: #fff;
}
.datepicker-cell:not(.selected).focused .datepicker-cell-content {
  background-color: var(--tertiary);
}
.datepicker-cell.focused .datepicker-cell-content.selected {
  background-color: var(--tertiary);
}
.datepicker-cell.current .datepicker-cell-content {
  border: 1px solid var(--tertiary);
}
.datepicker-small-cell {
  width: 40px;
  height: 40px;
}
.datepicker-small-cell-content {
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  font-size: 13px;
}
.datepicker-large-cell {
  width: 76px;
  height: 42px;
}
.datepicker-large-cell-content {
  width: 72px;
  height: 40px;
  line-height: 40px;
  padding: 1px 2px;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.datepicker-yearview-content {
  padding-left: 12px;
  padding-right: 12px;
}
.datepicker-footer {
  height: 72px;
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  gap: 8px;
}
.datepicker-footer-btn {
  background-color: var(--button-filled-bg-default);
  color: var(--button-filled-text-default);
  border: none;
  cursor: pointer;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 0.8rem;
  height: 44px;
  letter-spacing: 0.1rem;
  border-radius: 8px;
  margin-bottom: 0px;
  font-weight: 700;
  flex: 1;
  padding: 8px 16px;
}
.datepicker-footer-btn:hover,
.datepicker-footer-btn:focus {
  background-color: var(--button-filled-bg-hover-pressed);
}
.datepicker-footer-btn.datepicker-cancel-btn {
  color: var(--button-outlined-text-default);
  background: transparent;
  border: 1px solid transparent;
}
.datepicker-footer-btn.datepicker-cancel-btn:hover,
.datepicker-footer-btn.datepicker-cancel-btn:focus {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--button-outlined-text-hover-pressed);
}
.datepicker-clear-btn {
  margin-right: auto;
  display: none;
}
.datepicker.animation,
.datepicker-backdrop.animation,
.datepicker-modal-container.animation {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  padding: auto;
}
.datepicker.fade-in,
.datepicker-backdrop.fade-in,
.datepicker-modal-container.fade-in {
  -webkit-animation-name: _fade-in;
  animation-name: _fade-in;
}
.datepicker.fade-out,
.datepicker-backdrop.fade-out,
.datepicker-modal-container.fade-out {
  -webkit-animation-name: _fade-out;
  animation-name: _fade-out;
}
.datepicker.animation.infinite,
.datepicker-backdrop.animation.infinite,
.datepicker-modal-container.animation.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.datepicker.animation.delay-1s,
.datepicker-backdrop.animation.delay-1s,
.datepicker-modal-container.animation.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.datepicker.animation.delay-2s,
.datepicker-backdrop.animation.delay-2s,
.datepicker-modal-container.animation.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.datepicker.animation.delay-3s,
.datepicker-backdrop.animation.delay-3s,
.datepicker-modal-container.animation.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.datepicker.animation.delay-4s,
.datepicker-backdrop.animation.delay-4s,
.datepicker-modal-container.animation.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.datepicker.animation.delay-5s,
.datepicker-backdrop.animation.delay-5s,
.datepicker-modal-container.animation.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.datepicker.animation.fast,
.datepicker-backdrop.animation.fast,
.datepicker-modal-container.animation.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}
.datepicker.animation.faster,
.datepicker-backdrop.animation.faster,
.datepicker-modal-container.animation.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.datepicker.animation.slow,
.datepicker-backdrop.animation.slow,
.datepicker-modal-container.animation.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.datepicker.animation.slower,
.datepicker-backdrop.animation.slower,
.datepicker-modal-container.animation.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
.datepicker.fade-in-down,
.datepicker-backdrop.fade-in-down,
.datepicker-modal-container.fade-in-down {
  -webkit-animation-name: _fade-in-down;
  animation-name: _fade-in-down;
}
.datepicker.fade-in-left,
.datepicker-backdrop.fade-in-left,
.datepicker-modal-container.fade-in-left {
  -webkit-animation-name: _fade-in-left;
  animation-name: _fade-in-left;
}
.datepicker.fade-in-right,
.datepicker-backdrop.fade-in-right,
.datepicker-modal-container.fade-in-right {
  -webkit-animation-name: _fade-in-right;
  animation-name: _fade-in-right;
}
.datepicker.fade-in-up,
.datepicker-backdrop.fade-in-up,
.datepicker-modal-container.fade-in-up {
  -webkit-animation-name: _fade-in-up;
  animation-name: _fade-in-up;
}
.datepicker.fade-out-down,
.datepicker-backdrop.fade-out-down,
.datepicker-modal-container.fade-out-down {
  -webkit-animation-name: _fade-out-down;
  animation-name: _fade-out-down;
}
.datepicker.fade-out-left,
.datepicker-backdrop.fade-out-left,
.datepicker-modal-container.fade-out-left {
  -webkit-animation-name: _fade-out-left;
  animation-name: _fade-out-left;
}
.datepicker.fade-out-right,
.datepicker-backdrop.fade-out-right,
.datepicker-modal-container.fade-out-right {
  -webkit-animation-name: _fade-out-right;
  animation-name: _fade-out-right;
}
.datepicker.fade-out-up,
.datepicker-backdrop.fade-out-up,
.datepicker-modal-container.fade-out-up {
  -webkit-animation-name: _fade-out-up;
  animation-name: _fade-out-up;
}
.datepicker.slide-in-down,
.datepicker-backdrop.slide-in-down,
.datepicker-modal-container.slide-in-down {
  -webkit-animation-name: _slide-in-down;
  animation-name: _slide-in-down;
}
.datepicker.slide-in-left,
.datepicker-backdrop.slide-in-left,
.datepicker-modal-container.slide-in-left {
  -webkit-animation-name: _slide-in-left;
  animation-name: _slide-in-left;
}
.datepicker.slide-in-right,
.datepicker-backdrop.slide-in-right,
.datepicker-modal-container.slide-in-right {
  -webkit-animation-name: _slide-in-right;
  animation-name: _slide-in-right;
}
.datepicker.slide-in-up,
.datepicker-backdrop.slide-in-up,
.datepicker-modal-container.slide-in-up {
  -webkit-animation-name: _slide-in-up;
  animation-name: _slide-in-up;
}
.datepicker.slide-out-down,
.datepicker-backdrop.slide-out-down,
.datepicker-modal-container.slide-out-down {
  -webkit-animation-name: _slide-out-down;
  animation-name: _slide-out-down;
}
.datepicker.slide-out-left,
.datepicker-backdrop.slide-out-left,
.datepicker-modal-container.slide-out-left {
  -webkit-animation-name: _slide-out-left;
  animation-name: _slide-out-left;
}
.datepicker.slide-out-right,
.datepicker-backdrop.slide-out-right,
.datepicker-modal-container.slide-out-right {
  -webkit-animation-name: _slide-out-right;
  animation-name: _slide-out-right;
}
.datepicker.slide-out-up,
.datepicker-backdrop.slide-out-up,
.datepicker-modal-container.slide-out-up {
  -webkit-animation-name: _slide-out-up;
  animation-name: _slide-out-up;
}
.datepicker.slide-down,
.datepicker-backdrop.slide-down,
.datepicker-modal-container.slide-down {
  -webkit-animation-name: _slide-down;
  animation-name: _slide-down;
}
.datepicker.slide-left,
.datepicker-backdrop.slide-left,
.datepicker-modal-container.slide-left {
  -webkit-animation-name: _slide-left;
  animation-name: _slide-left;
}
.datepicker.slide-right,
.datepicker-backdrop.slide-right,
.datepicker-modal-container.slide-right {
  -webkit-animation-name: _slide-right;
  animation-name: _slide-right;
}
.datepicker.slide-up,
.datepicker-backdrop.slide-up,
.datepicker-modal-container.slide-up {
  -webkit-animation-name: _slide-up;
  animation-name: _slide-up;
}
.datepicker.zoom-in,
.datepicker-backdrop.zoom-in,
.datepicker-modal-container.zoom-in {
  -webkit-animation-name: _zoom-in;
  animation-name: _zoom-in;
}
.datepicker.zoom-out,
.datepicker-backdrop.zoom-out,
.datepicker-modal-container.zoom-out {
  -webkit-animation-name: _zoom-out;
  animation-name: _zoom-out;
}
.datepicker.tada,
.datepicker-backdrop.tada,
.datepicker-modal-container.tada {
  -webkit-animation-name: _tada;
  animation-name: _tada;
}
.datepicker.pulse,
.datepicker-backdrop.pulse,
.datepicker-modal-container.pulse {
  -webkit-animation-name: _pulse;
  animation-name: _pulse;
}
.datepicker.ripple-surface,
.datepicker-backdrop.ripple-surface,
.datepicker-modal-container.ripple-surface {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
.datepicker.ripple-surface-unbound,
.datepicker-backdrop.ripple-surface-unbound,
.datepicker-modal-container.ripple-surface-unbound {
  overflow: visible;
}
.datepicker.ripple-wave,
.datepicker-backdrop.ripple-wave,
.datepicker-modal-container.ripple-wave {
  background-image:
    radial-gradient(
      circle,
      rgba(0, 0, 0, 0.2) 0,
      rgba(0, 0, 0, 0.3) 40%,
      rgba(0, 0, 0, 0.4) 50%,
      rgba(0, 0, 0, 0.5) 60%,
      transparent 70%);
  border-radius: 50%;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  touch-action: none;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1);
  z-index: 999;
}
.datepicker.ripple-wave.active,
.datepicker-backdrop.ripple-wave.active,
.datepicker-modal-container.ripple-wave.active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}
.timepicker-wrapper {
  touch-action: none;
  z-index: 1065;
  opacity: 1;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.timepicker-wrapper-inline {
  border-radius: 0.5rem;
}
.timepicker-elements {
  min-width: 310px;
  min-height: 325px;
  background: var(--secondary);
  border-top-right-radius: 0.6rem;
  border-top-left-radius: 0.6rem;
}
@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
  .timepicker-elements {
    flex-direction: row !important;
    border-bottom-left-radius: 0.5rem;
    min-width: auto;
    min-height: auto;
    overflow-y: auto;
  }
}
.timepicker-elements-inline {
  min-height: auto;
}
.timepicker-head {
  background-color: var(--tertiary);
  height: 100px;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  padding: 10px 24px 10px 50px;
}
@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
  .timepicker-head {
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 10px;
    padding-right: 10px !important;
    height: auto;
    min-height: 305px;
  }
}
.timepicker-head-inline {
  padding: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
  .timepicker-head-content {
    flex-direction: column;
  }
}
.timepicker-clear {
  display: none;
}
.timepicker-button {
  font-size: 0.8rem;
  min-width: 64px;
  box-sizing: border-box;
  font-weight: 500;
  border-radius: 10px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: var(--text-primary);
  border: none;
  background-color: transparent;
  transition:
    background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
    border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  outline: none;
  padding: 8px 16px;
  height: 44px;
  flex: 1;
}
.timepicker-button:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.timepicker-button:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.08);
}
.timepicker-submit {
  padding: 0;
  background-color: var(--button-filled-bg-default);
  color: var(--button-filled-text-default);
  border-radius: 8px;
  font-weight: 700;
}
.timepicker-submit:hover {
  background-color: var(--button-filled-bg-hover-pressed);
}
.timepicker-submit:focus {
  background-color: var(--button-filled-bg-hover-pressed);
}
.timepicker-cancel {
  padding: 0;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--button-outlined-text-default);
  font-weight: 700;
}
.timepicker-cancel:hover,
.timepicker-cancel:focus {
  background: transparent;
  border: 1px solid transparent;
  color: var(--button-outlined-text-hover-pressed);
  font-weight: 700;
}
.timepicker-submit-inline {
  border-radius: 100%;
  height: 48px;
  min-width: 48px;
  display: inline-block;
  margin-left: 30px;
  color: #fff;
}
.timepicker-current {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  color: #fff;
  opacity: 0.54;
  border: none;
  background: transparent;
  padding: 0;
}
.timepicker-current.active {
  opacity: 1;
}
.timepicker-current-wrapper {
  direction: ltr;
}
.timepicker-mode-wrapper {
  margin-left: 20px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.54);
}
@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
  .timepicker-mode-wrapper {
    justify-content: space-around !important;
    flex-direction: row !important;
  }
}
.timepicker-mode-wrapper.active {
  opacity: 1;
}
.timepicker-clock-wrapper {
  min-width: 310px;
  max-width: 325px;
  min-height: 305px;
  overflow-x: hidden;
  height: 100%;
}
.timepicker-clock {
  position: relative;
  border-radius: 100%;
  width: 260px;
  height: 260px;
  cursor: default;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.07);
}
.timepicker-clock-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  border-radius: 100%;
}
.timepicker-time-tips-minutes,
.timepicker-time-tips-inner,
.timepicker-time-tips-hours {
  position: absolute;
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  font-size: 1.1rem;
  border-radius: 100%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
}
.timepicker-time-tips-minutes.active,
.timepicker-time-tips-inner.active,
.timepicker-time-tips-hours.active {
  color: #fff;
  background-color: var(--tertiary);
  font-weight: 400;
}
.timepicker-time-tips-minutes:focus,
.timepicker-time-tips-inner:focus,
.timepicker-time-tips-hours:focus {
  outline: none;
}
.timepicker-time-tips-minutes.disabled,
.timepicker-time-tips-inner.disabled,
.timepicker-time-tips-hours.disabled {
  color: #b3afaf;
  pointer-events: none;
  background-color: transparent;
}
.timepicker-time-tips-minutes::selection,
.timepicker-time-tips-inner::selection,
.timepicker-time-tips-hours::selection {
  background-color: transparent;
}
.timepicker-current,
.timepicker-dot {
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.00833em;
  color: #fff;
}
@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape) {
  .timepicker-current,
  .timepicker-dot {
    font-size: 3rem;
    font-weight: 400;
  }
}
.timepicker-dot {
  font-size: 3.75rem;
  opacity: 0.54;
  border: none;
  background: transparent;
  padding: 0;
}
.timepicker-current-inline {
  font-size: 2.5rem;
}
.timepicker-item {
  position: absolute;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 10px;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  font-size: 1.1em;
  z-index: 3;
}
.timepicker-middle-dot {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--tertiary);
}
.timepicker-hand-pointer {
  background-color: var(--tertiary);
  bottom: 50%;
  height: 40%;
  left: calc(50% - 1px);
  transform-origin: center bottom 0;
  width: 2px;
}
.timepicker-transform {
  transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, height 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.timepicker-time-tips {
  position: absolute;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  font-size: 1.1rem;
}
.timepicker-time-tips.active {
  color: #fff;
}
.timepicker-circle {
  top: -21px;
  left: -15px;
  width: 4px;
  border: 14px solid var(--tertiary);
  height: 4px;
  box-sizing: content-box;
  border-radius: 100%;
}
.timepicker-hour-mode {
  padding: 0;
  background-color: transparent;
  border: none;
  color: #fff;
  opacity: 0.54;
}
.timepicker-hour-mode,
.timepicker-hour,
.timepicker-minute {
  cursor: pointer;
}
.timepicker-hour-mode:hover,
.timepicker-hour-mode:focus,
.timepicker-hour:hover,
.timepicker-hour:focus,
.timepicker-minute:hover,
.timepicker-minute:focus {
  background-color: rgba(0, 0, 0, 0.15);
  outline: none;
}
.timepicker-hour-mode.active,
.timepicker-hour.active,
.timepicker-minute.active {
  color: #fff;
  opacity: 1;
}
.timepicker-hour-mode-current-inline,
.timepicker-hour-current-inline,
.timepicker-minute-current-inline {
  font-size: 2.5rem;
}
.timepicker-footer {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 72px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: var(--secondary);
}
.timepicker-container {
  max-height: calc(100% - 64px);
  overflow-y: auto;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.timepicker-icon-up,
.timepicker-icon-down {
  opacity: 0;
  transition: 0.2s ease all;
  cursor: pointer;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timepicker-icon-up.active,
.timepicker-icon-up:hover,
.timepicker-icon-down.active,
.timepicker-icon-down:hover {
  opacity: 1;
}
.timepicker-icon-up {
  top: -35px;
}
.timepicker-icon-down {
  bottom: -47px;
}
.timepicker-inline-hour-icons button,
.timepicker-inline-minutes-icons button {
  opacity: 1 !important;
  cursor: default;
}
.timepicker-inline-hour-icons button:hover,
.timepicker-inline-minutes-icons button:hover {
  background-color: unset !important;
}
.timepicker-clock-animation {
  animation: show-up-clock 350ms linear;
}
.timepicker-icon-btn {
  width: 30px;
  height: 30px;
}
.timepicker-toggle-button {
  position: absolute;
  outline: none;
  border: none;
  background-color: transparent;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  cursor: pointer;
}
.timepicker-toggle-button:hover {
  color: var(--tertiary);
}
.timepicker-toggle-button:focus {
  color: var(--tertiary);
}
.timepicker-input:focus + .timepicker-toggle-button,
.timepicker-input:focus + .timepicker-toggle-button i {
  color: var(--tertiary);
}
.timepicker a.timepicker-toggle-button,
.timepicker-toggle-button.timepicker-icon {
  right: 1px;
}
@keyframes show-up-clock {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.timepicker-modal {
  z-index: 1065;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.timepicker-modal .fade.show {
  opacity: 1;
}
@keyframes _shake {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(5deg);
  }
}
@keyframes _shake-2x {
  0% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
@keyframes _blink {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.cdk-overlay-backdrop.bebop-modal-backdrop.cdk-overlay-backdrop-showing,
.bebop-modal-backdrop {
  background: var(--primary);
  opacity: 0.8;
}
.bebop-modal-backdrop-transparent {
  background: transparent;
}
.cdk-global-scrollblock {
  height: auto;
}
html,
body {
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  outline: 0;
  min-height: 100vh;
  width: 100vw;
  overflow: hidden;
  font-family: "Proxima-Nova", sans-serif;
  font-size: 1rem;
  background: var(--bg);
  color: var(--text-primary);
  accent-color: var(--accent-blue-100);
}
@media (max-width: 768px) {
  html,
  body {
    height: 100%;
  }
}
@media (min-width: 769px) {
  html,
  body {
    height: 100vh;
  }
}
html .grecaptcha-badge,
body .grecaptcha-badge {
  display: none !important;
}
.h0 {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 3rem;
  color: var(--text-primary);
}
.h1 {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--text-primary);
}
.h2 {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: var(--text-primary);
}
.h3 {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--text-primary);
}
.h4 {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--text-primary);
}
.h5 {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-primary);
}
.paragraph {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-primary);
}
.small {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-primary);
}
.small-bold {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-primary);
}
.description {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: normal;
  font-size: 0.625rem;
  line-height: 1rem;
  color: var(--text-primary);
}
.button-text {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  letter-spacing: 0.0125rem;
  cursor: pointer;
}
.large-button-text {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  letter-spacing: 0.0125rem;
  cursor: pointer;
}
.label {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-primary);
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
.title {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-primary);
  letter-spacing: 0.0625rem;
  text-transform: uppercase;
}
.input-text {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-primary);
}
.link-text {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--text-primary);
  text-decoration-line: underline;
  cursor: pointer;
}
.large-link-text {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--text-primary);
  text-decoration-line: underline;
  cursor: pointer;
}
.title-bar-text {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: var(--text-primary);
}
.h3-lite {
  font-family: "Proxima-Nova";
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: var(--text-primary);
}
::selection {
  background-color: var(--accent-blue-80);
  color: var(--text-primary);
}
input::placeholder {
  color: var(--tertiary);
  font-family: "Proxima-Nova";
}
.hide {
  display: none;
}
.noselect {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dotted-loader {
  background: var(--dotted-loader);
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0.125rem solid #0c0c10;
  background-color: #0c0c10;
}
.pagination {
  display: flex;
  margin-top: 1rem;
  gap: 1.5rem;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border-bottom: 0.0625rem solid var(--stroke-default);
  background: var(--tertiary);
  width: 100%;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.tw-invisible {
  visibility: hidden;
}
.tw-fixed {
  position: fixed;
}
.tw-absolute {
  position: absolute;
}
.tw-relative {
  position: relative;
}
.tw-bottom-0 {
  bottom: 0px;
}
.tw-left-0 {
  left: 0px;
}
.tw-left-\[-20px\] {
  left: -20px;
}
.tw-right-0 {
  right: 0px;
}
.tw-top-\[-20px\] {
  top: -20px;
}
.tw-z-40 {
  z-index: 40;
}
.tw-col-span-1 {
  grid-column: span 1 / span 1;
}
.tw-col-span-2 {
  grid-column: span 2 / span 2;
}
.tw-m-1 {
  margin: 0.25rem;
}
.tw-m-4 {
  margin: 1rem;
}
.\!tw-my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tw-my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.tw-mb-1 {
  margin-bottom: 0.25rem;
}
.tw-mb-2 {
  margin-bottom: 0.5rem;
}
.tw-mb-4 {
  margin-bottom: 1rem;
}
.tw-mb-6 {
  margin-bottom: 1.5rem;
}
.tw-mb-7 {
  margin-bottom: 1.75rem;
}
.tw-mb-8 {
  margin-bottom: 2rem;
}
.tw-ml-2 {
  margin-left: 0.5rem;
}
.tw-mr-1 {
  margin-right: 0.25rem;
}
.tw-mr-2 {
  margin-right: 0.5rem;
}
.tw-mt-1 {
  margin-top: 0.25rem;
}
.tw-mt-12 {
  margin-top: 3rem;
}
.tw-mt-2 {
  margin-top: 0.5rem;
}
.tw-mt-4 {
  margin-top: 1rem;
}
.tw-mt-8 {
  margin-top: 2rem;
}
.tw-block {
  display: block;
}
.tw-inline-block {
  display: inline-block;
}
.tw-flex {
  display: flex;
}
.tw-grid {
  display: grid;
}
.tw-hidden {
  display: none;
}
.tw-h-10 {
  height: 2.5rem;
}
.tw-h-12 {
  height: 3rem;
}
.tw-h-20 {
  height: 5rem;
}
.tw-h-28 {
  height: 7rem;
}
.tw-h-4 {
  height: 1rem;
}
.tw-h-6 {
  height: 1.5rem;
}
.tw-h-\[150px\] {
  height: 150px;
}
.tw-h-\[24px\] {
  height: 24px;
}
.tw-h-\[700px\] {
  height: 700px;
}
.tw-h-full {
  height: 100%;
}
.tw-h-px {
  height: 1px;
}
.tw-w-1\/2 {
  width: 50%;
}
.tw-w-1\/4 {
  width: 25%;
}
.tw-w-10 {
  width: 2.5rem;
}
.tw-w-12 {
  width: 3rem;
}
.tw-w-20 {
  width: 5rem;
}
.tw-w-28 {
  width: 7rem;
}
.tw-w-3\/4 {
  width: 75%;
}
.tw-w-4 {
  width: 1rem;
}
.tw-w-6 {
  width: 1.5rem;
}
.tw-w-\[104px\] {
  width: 104px;
}
.tw-w-\[150px\] {
  width: 150px;
}
.tw-w-\[240px\] {
  width: 240px;
}
.tw-w-full {
  width: 100%;
}
.tw-w-px {
  width: 1px;
}
.tw-min-w-\[700px\] {
  min-width: 700px;
}
.tw-max-w-\[110px\] {
  max-width: 110px;
}
.tw-max-w-\[200px\] {
  max-width: 200px;
}
.tw-max-w-\[250px\] {
  max-width: 250px;
}
.tw-max-w-\[260px\] {
  max-width: 260px;
}
.tw-table-auto {
  table-layout: auto;
}
.tw-border-collapse {
  border-collapse: collapse;
}
@keyframes tw-pulse {
  50% {
    opacity: .5;
  }
}
.tw-animate-pulse {
  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes tw-spin {
  to {
    transform: rotate(360deg);
  }
}
.tw-animate-spin {
  animation: tw-spin 1s linear infinite;
}
.tw-cursor-default {
  cursor: default;
}
.tw-cursor-pointer {
  cursor: pointer;
}
.tw-list-disc {
  list-style-type: disc;
}
.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.tw-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tw-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tw-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tw-flex-row {
  flex-direction: row;
}
.tw-flex-col {
  flex-direction: column;
}
.tw-items-start {
  align-items: flex-start;
}
.tw-items-end {
  align-items: flex-end;
}
.tw-items-center {
  align-items: center;
}
.tw-justify-start {
  justify-content: flex-start;
}
.tw-justify-end {
  justify-content: flex-end;
}
.tw-justify-center {
  justify-content: center;
}
.tw-justify-between {
  justify-content: space-between;
}
.tw-justify-around {
  justify-content: space-around;
}
.tw-justify-evenly {
  justify-content: space-evenly;
}
.tw-gap-0\.5 {
  gap: 0.125rem;
}
.tw-gap-1 {
  gap: 0.25rem;
}
.tw-gap-12 {
  gap: 3rem;
}
.tw-gap-2 {
  gap: 0.5rem;
}
.tw-gap-3 {
  gap: 0.75rem;
}
.tw-gap-4 {
  gap: 1rem;
}
.tw-gap-6 {
  gap: 1.5rem;
}
.tw-gap-8 {
  gap: 2rem;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-overflow-hidden {
  overflow: hidden;
}
.tw-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-whitespace-nowrap {
  white-space: nowrap;
}
.tw-rounded-2xl {
  border-radius: 1rem;
}
.tw-rounded-full {
  border-radius: 9999px;
}
.tw-rounded-lg {
  border-radius: 0.5rem;
}
.tw-rounded-md {
  border-radius: 0.375rem;
}
.tw-border-b-2 {
  border-bottom-width: 2px;
}
.tw-border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.tw-bg-\[color\:var\(--tertiary\)\] {
  background-color: var(--tertiary);
}
.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-p-1 {
  padding: 0.25rem;
}
.tw-p-2 {
  padding: 0.5rem;
}
.tw-p-4 {
  padding: 1rem;
}
.tw-p-5 {
  padding: 1.25rem;
}
.tw-p-8 {
  padding: 2rem;
}
.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.tw-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.\!tw-pb-0 {
  padding-bottom: 0px !important;
}
.\!tw-pb-2 {
  padding-bottom: 0.5rem !important;
}
.\!tw-pb-\[70px\] {
  padding-bottom: 70px !important;
}
.\!tw-pt-0 {
  padding-top: 0px !important;
}
.\!tw-pt-6 {
  padding-top: 1.5rem !important;
}
.tw-pb-12 {
  padding-bottom: 3rem;
}
.tw-pl-1\.5 {
  padding-left: 0.375rem;
}
.tw-pl-4 {
  padding-left: 1rem;
}
.tw-pl-6 {
  padding-left: 1.5rem;
}
.tw-pt-4 {
  padding-top: 1rem;
}
.tw-pt-6 {
  padding-top: 1.5rem;
}
.tw-pt-8 {
  padding-top: 2rem;
}
.tw-text-center {
  text-align: center;
}
.tw-text-end {
  text-align: end;
}
.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tw-font-medium {
  font-weight: 500;
}
.tw-text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.tw-text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.tw-line-through {
  text-decoration-line: line-through;
}
.\[-\:\.\] {
  -: .;
}
* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}
img,
video {
  max-width: 100%;
  height: auto;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
.clickable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.flex {
  display: flex;
}
.m-t-xs {
  margin-top: 0.3125rem;
}
.m-t-sm {
  margin-top: 0.625rem;
}
.m-t-md {
  margin-top: 0.9375rem;
}
.m-t-lg {
  margin-top: 1.875rem;
}
.m-b-xs {
  margin-bottom: 0.3125rem;
}
.m-b-sm {
  margin-bottom: 0.625rem;
}
.m-b-md {
  margin-bottom: 0.9375rem;
}
.m-b-lg {
  margin-bottom: 1.875rem;
}
[hidden],
.hidden {
  display: none !important;
}
.cdk-overlay-container {
  z-index: 100000;
}
.search-highlight {
  background-color: var(--accent-primary) !important;
  color: var(--primary) !important;
  padding: 1px 2px !important;
  border-radius: 2px !important;
  font-weight: 500 !important;
}
@media (max-width: 768px) {
  input[type=text],
  input[type=password],
  input[type=email],
  input[type=number],
  input[type=tel],
  input[type=url],
  input[type=search],
  select,
  textarea {
    font-size: 16px !important;
  }
}
.hover\:tw-cursor-pointer:hover {
  cursor: pointer;
}
.hover\:tw-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
  .sm\:tw-min-w-\[900px\] {
    min-width: 900px;
  }
  .sm\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .md\:tw-h-auto {
    height: auto;
  }
  .md\:tw-min-w-full {
    min-width: 100%;
  }
}
@media (min-width: 1024px) {
  .lg\:tw-px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1280px) {
  .xl\:tw-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */